Who are you?
Front-end Developer π€©
Backend Developer π
Full Stack Developer π
UI / UX Designer π¨
Still learning π
Answers by emojis only..
Front-end Developer π€©
Backend Developer π
Full Stack Developer π
UI / UX Designer π¨
Still learning π
Answers by emojis only..
π3β€1
Emmersive Learning
Welcome to Emmersive Learning, the city of code
Where every street is a digital node
Where every building is a data center
Where every park is a hacker's venture
Here you can learn the latest skills and tools
From web development to machine learning rules
From data science to blockchain solutions
From game design to virtual reality illusions
Here you can collaborate with other learners and mentors
From online platforms to immersive centers
From hackathons to workshops to courses
From challenges to projects to resources
Here you can explore the future of technology and innovation
From artificial intelligence to biotechnology integration
From quantum computing to nanotechnology manipulation
From cybersecurity to social impact creation
Emmersive Learning is more than a city, it's a vision
A vision of empowering people with education and passion
A vision of transforming the world with code and action
A vision of building a community with diversity and inclusion
@EmmersiveLearning
Welcome to Emmersive Learning, the city of code
Where every street is a digital node
Where every building is a data center
Where every park is a hacker's venture
Here you can learn the latest skills and tools
From web development to machine learning rules
From data science to blockchain solutions
From game design to virtual reality illusions
Here you can collaborate with other learners and mentors
From online platforms to immersive centers
From hackathons to workshops to courses
From challenges to projects to resources
Here you can explore the future of technology and innovation
From artificial intelligence to biotechnology integration
From quantum computing to nanotechnology manipulation
From cybersecurity to social impact creation
Emmersive Learning is more than a city, it's a vision
A vision of empowering people with education and passion
A vision of transforming the world with code and action
A vision of building a community with diversity and inclusion
@EmmersiveLearning
β€1
Emmersive Learning
Emmersive Learning Welcome to Emmersive Learning, the city of code Where every street is a digital node Where every building is a data center Where every park is a hacker's venture Here you can learn the latest skills and tools From web development to machineβ¦
EmmersiveLearning's Future plan wtih poem.
Generated By, GPT-4 and DALL-E πππ
Generated By, GPT-4 and DALL-E πππ
create react app with instant dev environments
codesnadbox
stackblitze
replit
https://www.youtube.com/watch?v=PqzFFxxkjeA
codesnadbox
stackblitze
replit
https://www.youtube.com/watch?v=PqzFFxxkjeA
YouTube
How to create Reacts apps with instant dev environments ? | #react #emmersivelearning
using instant dev environments for creating your react app. #replit #codesandbox #stackblitze
Presented by @MehammedTeshome
#EmmersiveLearning #Emmersive #Learning #Muhammed #MehammedTeshome
---------------------
Social:
- Telegram: https://t.me/EmmersiveLearningβ¦
Presented by @MehammedTeshome
#EmmersiveLearning #Emmersive #Learning #Muhammed #MehammedTeshome
---------------------
Social:
- Telegram: https://t.me/EmmersiveLearningβ¦
β€1
Complete FullStack Developer Roadmapπ
[With Resources To Learn + Jobs]
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]
[Free Resources At the End] [Learning And Job Hunting]
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
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
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
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
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
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)
@EmmersiveLearning
[With Resources To Learn + Jobs]
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]
[Free Resources At the End] [Learning And Job Hunting]
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
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
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
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
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
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)
@EmmersiveLearning
- Understanding the concept of microservices
- Serverless computing basics
- AWS Lambda, Google Cloud Functions, or Azure Functions
14. Apply for Jobs
[This shouldn't be step 14, you should always look for opportunities and make connections!]
- Resume building
- Technical interview preparation
- LeetCode, HackerRank, and other coding challenges
- Networking on LinkedIn and Twitter
Resources You Can Use ππ»
- Emmersive Learning [FREE] [Youtube] If you want to learn all this in Amharic [https://youtube.com/@EmmersiveLearning ]
- FreeCodeCamp [Youtube] [FREE] you can find all the tutorials you need to learn full-stack
- Udemy [Paid] You can follow courses on Udemy to build projects. [Code Along can be a great practice]
- Hashnode & Dev .to [FREE] Read and Write Blogs on the technologies.
@EmmersiveLearning
- Serverless computing basics
- AWS Lambda, Google Cloud Functions, or Azure Functions
14. Apply for Jobs
[This shouldn't be step 14, you should always look for opportunities and make connections!]
- Resume building
- Technical interview preparation
- LeetCode, HackerRank, and other coding challenges
- Networking on LinkedIn and Twitter
Resources You Can Use ππ»
- Emmersive Learning [FREE] [Youtube] If you want to learn all this in Amharic [https://youtube.com/@EmmersiveLearning ]
- FreeCodeCamp [Youtube] [FREE] you can find all the tutorials you need to learn full-stack
- Udemy [Paid] You can follow courses on Udemy to build projects. [Code Along can be a great practice]
- Hashnode & Dev .to [FREE] Read and Write Blogs on the technologies.
@EmmersiveLearning
β€1
Web stacks the web developer should know aboutπ₯
1. MERN
MongoDB + Express.js + ReactJS + Node.js
2. MEAN
MongoDB + Express.js + AngularJS + Node.js
3. MEVN
MongoDB + Express.js + Vue.js + Node.js
4. LAMP
Linux + Apache + MySQL + PHP
5. LEMP
Linux + Nginx + MySQL + PHP
6. WAMP
Windows + Apache + MySQL + PHP
7. JAMstack
JavaScript + APIs + Markup + Stack
8. WISA
Windows + IIS + SQL Server + ASP dot NET
9. Django
Python + Django + PostgreSQL + Nginx
10. Ruby on Rails
Ruby on Rails + PostgreSQL + Puma
11. Flask
Python + Flask + SQLite + Nginx
12. MERN + GraphQL
MongoDB + Express.js + ReactJS + Node.js + GraphQL
What's your favorite?ππ¬
@EmmersiveLearning
1. MERN
MongoDB + Express.js + ReactJS + Node.js
2. MEAN
MongoDB + Express.js + AngularJS + Node.js
3. MEVN
MongoDB + Express.js + Vue.js + Node.js
4. LAMP
Linux + Apache + MySQL + PHP
5. LEMP
Linux + Nginx + MySQL + PHP
6. WAMP
Windows + Apache + MySQL + PHP
7. JAMstack
JavaScript + APIs + Markup + Stack
8. WISA
Windows + IIS + SQL Server + ASP dot NET
9. Django
Python + Django + PostgreSQL + Nginx
10. Ruby on Rails
Ruby on Rails + PostgreSQL + Puma
11. Flask
Python + Flask + SQLite + Nginx
12. MERN + GraphQL
MongoDB + Express.js + ReactJS + Node.js + GraphQL
What's your favorite?ππ¬
@EmmersiveLearning
β€1
create react apps with Vite.
the best tool for starting frontend projects.
https://www.youtube.com/watch?v=fwMjy1lznFE
the best tool for starting frontend projects.
https://www.youtube.com/watch?v=fwMjy1lznFE
YouTube
How to create Reacts apps with Vite ? | #react #Vite #emmersivelearning
using Vite for creating your react app. #vite #react #vuejs
Presented by @MehammedTeshome
#EmmersiveLearning #Emmersive #Learning #Muhammed #MehammedTeshome
---------------------
Social:
- Telegram: https://t.me/EmmersiveLearning
- Facebook: https:β¦
Presented by @MehammedTeshome
#EmmersiveLearning #Emmersive #Learning #Muhammed #MehammedTeshome
---------------------
Social:
- Telegram: https://t.me/EmmersiveLearning
- Facebook: https:β¦
β€2
Content Creation Tools To Make Your Life Easier π₯
1. Canva β For graphic design
2. Grammarly β To avoid grammar mistakes
3. ChatGPT β Content ideas
4. Font Squirrel β Get your font collection
5. Google β For inspiration
6. Notion β Content plan & management
7. Pexels β Free stock photos & videos
8. Inshot β The best video editing app
9. ColorHunt β Color pallets
10. Behance β Design inspirations
11. Picsart β The best photo editing app
12. Pngtree β Get all your png images
Don't make excuses that you don't have the resources and tools to start.
1. Canva β For graphic design
2. Grammarly β To avoid grammar mistakes
3. ChatGPT β Content ideas
4. Font Squirrel β Get your font collection
5. Google β For inspiration
6. Notion β Content plan & management
7. Pexels β Free stock photos & videos
8. Inshot β The best video editing app
9. ColorHunt β Color pallets
10. Behance β Design inspirations
11. Picsart β The best photo editing app
12. Pngtree β Get all your png images
Don't make excuses that you don't have the resources and tools to start.
Do you want to understand algorithm in playful way
look the CS50 David π
where are you at, from the 5 levels ?
https://www.youtube.com/watch?v=fkIvmfqX-t0
look the CS50 David π
where are you at, from the 5 levels ?
https://www.youtube.com/watch?v=fkIvmfqX-t0
YouTube
Harvard Professor Explains Algorithms in 5 Levels of Difficulty | WIRED
From the physical world to the virtual world, algorithms are seemingly everywhere. David J. Malan, Professor of Computer Science at Harvard University, has been challenged to explain the science of algorithms to 5 different people; a child, a teen, a collegeβ¦
β€1
Frontend Developer Roadmap 2023:
Step 1: π Web Basics
Step 2: π HTML & CSS
Step 3: π Build Projects
Step 4: π’ Post it on LinkedIn
Step 5: π€ JavaScript & React
Step 6: π Build more Projects
Step 7: π Build a Portfolio
Step 8: π Again Post it Online
Step 9: πΌ Start Applying
π Crack a Job.
Where are you at ?
@EmmersiveLearning
Step 1: π Web Basics
Step 2: π HTML & CSS
Step 3: π Build Projects
Step 4: π’ Post it on LinkedIn
Step 5: π€ JavaScript & React
Step 6: π Build more Projects
Step 7: π Build a Portfolio
Step 8: π Again Post it Online
Step 9: πΌ Start Applying
π Crack a Job.
Where are you at ?
@EmmersiveLearning
β€2