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

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

Website : https://emmersivelearning.com/

Contact Admin : @MehammedTeshome
Download Telegram
Meet three Swift Student Challenge winners who were inspired by their families to change the future through coding

https://www.apple.com/newsroom/2024/05/meet-three-swift-student-challenge-winners-changing-the-future-through-coding/
Jawaher Shaman from Saudi Arabia ๐Ÿ‡ธ๐Ÿ‡ฆ created her app My Child to help children with speech conditions.

Love Niqabi Coders โค๏ธ๐Ÿ˜

Link

Any Niqabi Here ?, raise your hand please ๐Ÿ™Œ
๐Ÿ’ฏ11โค3๐Ÿ‘2
Forwarded from Immersive Ai
Some Takeaways..

๐Ÿ‘‰ AI will help us reverse aging and achieve immortality within 5 years:

๐Ÿ‘‰ We will achieve a "god-like" AI model by the year 2029 that will surpass the collective intelligence of all humans:


๐Ÿ‘‰AI will be able to reproduce the thoughts and personalities of dead people who left behind enough writing and content:

๐Ÿ‘‰Humans will merge with AI and multiply our intelligence a million-fold when the singularity occurs in 2045.

Link : https://www.youtube.com/watch?v=w4vrOUau2iY/www.youtube.com/watch?v=w4vrOUau2iY
๐Ÿ˜Š๐Ÿ˜‚
๐Ÿ˜8๐Ÿฅฐ1
Master React.

Learn these hooks:

๐Ÿ“Œ useState()
โฒ useEffect()
๐ŸŒ useContext()
๐Ÿ”„ useReducer()
๐Ÿƒโ€โ™‚๏ธ useCallback()
๐Ÿง useMemo()
๐Ÿ“š useRef()
๐ŸŽจ useLayoutEffect()

@EmmersiveLearning
โค2
Free resources for your projects:

~ Hosting
netlifyโ€‹.com

~ HTML templates
htmlrevโ€‹.com

~ Icons
lineiconsโ€‹.com

~ Fonts
fontsโ€‹.googleโ€‹.com

~ Illustrations
hundrawโ€‹.co

~ Photos
unsplashโ€‹.com

~ Videos
darefulโ€‹.com

~ Color Palettes
coolorsโ€‹.co

~ UI components
flowbiteโ€‹.com

~ Animations
animistaโ€‹.net

~ Charts
chartjsโ€‹.org

~ UI inspiration
uigarageโ€‹.net

@EmmersiveLearning
โค5
Forwarded from Emmersive Learning
The Full Stack Tree.
Forwarded from Muhammed Teshome
This media is not supported in your browser
VIEW IN TELEGRAM
Nothing is hard if you ACTUALLY want it:๐Ÿ˜Š๐Ÿ˜‚

Look what the tate brothers says.

#andrew_tate
#tristatn_tate
โค1
This media is not supported in your browser
VIEW IN TELEGRAM
Everything is Possible when You believe.

Go and take it whatever you wanna do.

GM Friends.
๐Ÿฅฐ5
1980s - Computers are evil! They are gonna take everyone's jobs.

1990s - The internet is evil! It's gonna take everyone's jobs.

Today - A.I. is evil. It's gonna take everyone's jobs.
๐Ÿ˜6
As a programmer - would you buy these shoes?๐Ÿ˜Š
๐Ÿ˜6
"Earn with your mind, not with your time."
๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ˜4โค2
๐Ÿ˜‚๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ˜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