Emmersive Learning
4.87K subscribers
2.12K photos
71 videos
10 files
933 links
Learn Fullstack Development | Coding.

Youtube : https://www.youtube.com/@EmmersiveLearning/

Website : https://emmersivelearning.com/

Contact Admin : @MehammedTeshome
Download Telegram
๐Ÿ˜‚๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ˜6
If you want to become a fullstack developer,

DO this.

Step 1 โ†’ Learn HTML CSS and JS
Step 2 โ†’ Learn Git and GitHub
Step 3 โ†’ Learn Frontend Frameworks [React Recommended]
Step 4 โ†’ Learn Nodejs - Python
Step 5 โ†’ Learn Backend Frameworks
Step 6 โ†’ Learn Database
Step 7 โ†’ Build Full Stack Projects
Step 8 โ†’ Host Your Project [AWS]
Step 9 โ†’ Apply for Jobs๐Ÿš€

[Build Projects After Each Step]

@EmmersiveLearning
โค7
Emmersive Learning
If you want to become a fullstack developer, DO this. Step 1 โ†’ Learn HTML CSS and JS Step 2 โ†’ Learn Git and GitHub Step 3 โ†’ Learn Frontend Frameworks [React Recommended] Step 4 โ†’ Learn Nodejs - Python Step 5 โ†’ Learn Backend Frameworks Step 6 โ†’ Learn Databaseโ€ฆ
Detailed steps:

1. Learn HTML, CSS, and JavaScript

HTML

- Basic syntax and rules
- Semantic HTML
- Forms and validations
- Embedding media
- Accessibility standards

CSS

- Basic styling properties (color, font size, background, etc.)
- Box model
- Positioning and display properties
- CSS Grid and Flexbox
- Responsive design and Media Queries
- CSS Variables
- Transitions and Animations

JavaScript

- Basics (variables, data types, operators, functions, loops, conditionals)
- ES6 features (let & const, arrow functions, classes, modules, destructuring, template strings)
- Asynchronous JS (Promises, async/await)
- Fetch API / AJAX
- JSON
- Error handling and debugging
- DOM Manipulation
- Event handling

@EmmersiveLearning
๐Ÿ‘2๐Ÿ”ฅ2
Emmersive Learning
Detailed steps: 1. Learn HTML, CSS, and JavaScript HTML - Basic syntax and rules - Semantic HTML - Forms and validations - Embedding media - Accessibility standards CSS - Basic styling properties (color, font size, background, etc.) - Box model โ€ฆ
2. Learn Git and GitHub

Git
- Setting up a repository
- Git lifecycle (add, commit, push, pull)
- Branching and merging
- Handling merge conflicts
- Git log

GitHub
- Creating a repository
- Pull requests
- Forking a repository
- GitHub Pages for hosting
๐Ÿ‘2
Emmersive Learning
2. Learn Git and GitHub Git - Setting up a repository - Git lifecycle (add, commit, push, pull) - Branching and merging - Handling merge conflicts - Git log GitHub - Creating a repository - Pull requests - Forking a repository - GitHub Pages forโ€ฆ
3. Learn Frontend Framework/Library
[Learn any one]

React.js
- JSX
- Components (Functional and Class)
- State and Props
- Lifecycle methods
- Hooks
- Routing with react-router-dom
- Context API and Redux for state management

Vue.js
- Vue instance and Vue CLI
- Vue components and directives
- Vue Router
- Vuex for state management

Angular
- TypeScript basics
- Components and Modules
- Services and Dependency Injection
- Routing
- Forms
- HTTPClient
- RxJS and Observables

4. Advanced JavaScript & TypeScript

- Understanding prototypes and prototypical inheritance
- Deep dive into 'this' keyword
- Closures
- Webpack and Babel
- Design patterns in JavaScript
- Basics of TypeScript

@EmmersiveLearning
โค6
Emmersive Learning
3. Learn Frontend Framework/Library [Learn any one] React.js - JSX - Components (Functional and Class) - State and Props - Lifecycle methods - Hooks - Routing with react-router-dom - Context API and Redux for state management Vue.js - Vue instanceโ€ฆ
5. Learn Backend Language/Framework

Node.js/Express
- Understanding the event loop
- Building a server with Express.js
- Handling different types of requests (GET, POST, PUT, DELETE)
- Middleware
- Error handling
- Authentication and Authorization

Python/Django/Flask
- Python basics
- Setting up a server with Flask/Django
- Models and migrations
- Django/Flask views and templates
- Django/Flask forms
- User Authentication

@EmmersiveLearning
โค5
Emmersive Learning
5. Learn Backend Language/Framework Node.js/Express - Understanding the event loop - Building a server with Express.js - Handling different types of requests (GET, POST, PUT, DELETE) - Middleware - Error handling - Authentication and Authorization โ€ฆ
6. Learn Database Technology

SQL (MySQL, PostgreSQL, etc.)
- Basic SQL commands (SELECT, INSERT, UPDATE, DELETE)
- Joins
- Normalization
- Indexing and query optimization

NoSQL (MongoDB)
- Document databases
- Collections and documents
- Basic CRUD operations

7. Learn Authentication

- Sessions and Cookies
- JSON Web Tokens (JWT)
- OAuth 2.0
- Passport.js (if using Node.js)

8. Learn Caching Strategies

- Importance of caching
- In-memory databases (Redis)
- Browser caching

@EmmersiveLearning
๐Ÿ‘5
Emmersive Learning
6. Learn Database Technology SQL (MySQL, PostgreSQL, etc.) - Basic SQL commands (SELECT, INSERT, UPDATE, DELETE) - Joins - Normalization - Indexing and query optimization NoSQL (MongoDB) - Document databases - Collections and documents - Basic CRUDโ€ฆ
9. Learn about Testing [optional]

- Unit Testing
- Integration Testing
- End-to-End Testing
- Tools: Jest, Mocha, Chai, etc.

10. Understand DevOps Principles

- Introduction to Docker and Kubernetes
- Continuous Integration and Continuous Deployment (CI/CD)
- Understanding cloud platforms (AWS, Azure, Google Cloud)

11. Build Full Stack Projects

- Idea generation and selection
- Design and prototyping
- Implementing frontend and backend
- Database design and integration
- Testing
- Deployment

12. Host Your Project

- Introduction to cloud hosting platforms
- Configuring and deploying applications
- Setting up a custom domain
- Enforcing HTTPS
- Continuous deployment from GitHub

13. Learn about Microservices and Serverless Architecture (optional)

- Understanding the concept of microservices
- Serverless computing basics
- AWS Lambda, Google Cloud Functions, or Azure Functions

@EmmersiveLearning
๐Ÿ”ฅ5๐Ÿ‘2
Passive ๐Ÿ’ธ ideas for devs:

โœ… Create a SaaS
โœ… Develop a WordPress Plugin
โœ… Start Technical writing
โœ… Create a Udemy course
โœ… Record YouTube videos
โœ… Develop a Shopify App
โœ… Write an ebook
โœ… Sell Domains
โœ… Sell Animations
โœ… Google ADS
โœ… Affiliate Marketing

What else?

@EmmersiveLearning
โค4๐Ÿฅฐ1
May be ๐Ÿ˜Š๐Ÿ˜‚
๐Ÿ˜9
Is ur port missed?
๐Ÿ˜5
Forwarded from Muhammed Teshome
i am going to use chatGPT for my weeding plan.๐Ÿ˜œ

not good for weeding planners ๐Ÿ˜Š
๐Ÿ˜5
Forwarded from Muhammed Teshome
business gameplan for your skills:

1. Skill

2. Skill + Offer

3. Skill + Offer + Content

4. Skill + Offer + Content + Personal brand

5. Skill + Offer + Content + Personal brand + Newsletter

6. Skill + Offer + Content + Personal brand + Newsletter + Products

= Rich
โค7๐Ÿ”ฅ3๐Ÿ–•1
It doesn't matter if you're a JavaScript, Python, or PHP web developer.

Leverage AI! Because your competition leverages ChatGPT daily.

Stay competitive!
๐Ÿ‘3๐Ÿ–•1
Forwarded from Muhammed Teshome
YouTube, podcast and the internet will make you learn 10x faster than a 4 or 5 year University degree.
๐Ÿ‘5โค3๐Ÿ–•1
Forwarded from Muhammed Teshome
If you master continuous improvement and get 1% better each day for one year, you'll end up 37 times better by the time you're done.
โค2๐Ÿฅฐ2๐Ÿ–•1
When you fix the bug you created๐Ÿ˜Š๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ˜5๐Ÿ–•1
Forwarded from Muhammed Teshome
Chase real dopamine:

โ€ข Walk or Run
โ€ข Pray
โ€ข Lift weights
โ€ข Get sunlight
โ€ข Walk in nature
โ€ข Do creative work
โ€ข Take a cold shower
โ€ข Work on meaningful goals
โ€ข Build meaningful connections
๐Ÿ‘2โค1๐Ÿ–•1
Programmers,... Do you know the answer?๐Ÿ˜Š.. comment below
๐Ÿ˜7๐Ÿ–•1
Tell me ur OS? ๐Ÿ˜Š๐Ÿ˜‡
๐Ÿ˜5๐Ÿ–•1
๐Ÿ‘จโ€๐Ÿ’ป HTML - for skeleton

๐ŸŽจ CSS - for beauty

๐Ÿ”ฎ Javascript - for interactivity

๐Ÿงฐ React/VueJs/Svelte/Angular - functionality

๐Ÿ”Œ API - for accessing data

๐Ÿ’พ MongoDB/Postgres/MySQL - for data storage

๐Ÿ‘ฅ Git/GitHub - for teamwork

๐Ÿ–ฅ NodeJs/Python/PHP/Go/C# for backend

๐Ÿ”ง VSCode - for coding

๐Ÿค– ChatGPT + AI tools - for productivity

๐Ÿณ Docker - for containerization

๐Ÿš› Vercel/Netlify/Hetzner - for deploy

๐Ÿฆ Social Media - for connections and help

@EmmersiveLearning
โค5๐Ÿ–•1