If you’re planning to learn something new in 2024:

Learn JavaScript, why?

Want to build a simple project
– Vanilla JavaScript

Want to develop a complex frontend
– React

Want to build a mobile app
– React Native

Want to build a client app
– Electron.js

Want to build an ML/AI based app
– Tensorflow.js

Want to build a backend
– Node.js

Want to build a dApp
– Web3.js

Want to go in testing
– Jest

JavaScript gives you flexibility.

Learn JavaScript :
https://www.youtube.com/watch?v=jF5oxeeuu6E

YouTube tutorials can be a handy guide, but official documentation is the ultimate key to be a 100x better developer.

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 🙌

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

Master React.

Learn these hooks:

📌 useState()
⏲ useEffect()
🌐 useContext()
🔄 useReducer()
🏃‍♂️ useCallback()
🧠useMemo()
📚 useRef()
🎨 useLayoutEffect()

@EmmersiveLearning

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

The Full Stack Tree.

Nothing is hard if you ACTUALLY want it:😊😂

Look what the tate brothers says.

#andrew_tate
#tristatn_tate

Everything is Possible when You believe.

Go and take it whatever you wanna do.

GM Friends.

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.

As a programmer - would you buy these shoes?😊

pair with this

"Earn with your mind, not with your time."

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

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. 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

@EmmersiveLearning