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

Youtube : https://www.youtube.com/@EmmersiveLearning/?sub_confirmation=1

Contact Admin : @MehammedTeshome
Download Telegram
Have you been Curios of the revenue sources of the most valuable companies in the world ๐Ÿ“ฆ๐Ÿ“ฑ๐Ÿ’ป๐Ÿ”

what will be yours ?
โค2
Forwarded from Muhammed Teshome
Poverty is inability to be creative.

yeah, That is
These things ruin you as a software engineer:

๐Ÿšซ Neglecting documentation.
๐Ÿšซ Fear of asking for help.
๐Ÿšซ Not staying updated.
๐Ÿšซ Avoiding code reviews.

Avoid as many of these as possible for a successful coding journey.
โค1
Dev Learning Curve Challenges:

๐Ÿ”„ Jumping between too many programming languages

๐Ÿ” Rush to advanced topics

๐Ÿš€ Trying to learn everything

๐ŸŽฏ Lacking clear goals

โœ… Not applying learning to practical projects

๐Ÿ›  Understanding algorithms and data structures

What else? ๐Ÿ‘‡
โค2
IMPORTANT JAVASCRIPT TOPICS BEFORE REACT ๐Ÿ‘‡๐ŸŒŸ

โžก๏ธ ES6 + Features
โ†ช๏ธ Arrow Functions
โ†ช๏ธ Template literals
โ†ช๏ธ Destructing assignment
โ†ช๏ธ spread/rest operator
โ†ช๏ธ Promises & async/await

โžก๏ธ Functional Programming
โ†ช๏ธ Higher order functions
โ†ช๏ธ Map,filter,reduce
โ†ช๏ธ Immutability concept
โ†ช๏ธ Pure functions

โžก๏ธ DOM MANIPULATION
โ†ช๏ธ Understand DOM
โ†ช๏ธ Select,create,manipulate
โ†ช๏ธ Event handling

โžก๏ธ Asynchronous JS
โ†ช๏ธ Callbacks
โ†ช๏ธ Promises
โ†ช๏ธ Async/Await

โžก๏ธ Other Important Topics
โ†ช๏ธ Closures & Scope
โ†ช๏ธ Modules & Bundlers
โ†ช๏ธ this keyword
โ†ช๏ธ Regular expression

@EmmersiveLearning
โค1๐Ÿ‘1
React Developer Roadmap 2023:

Step 1: ๐Ÿ“š Understand React Basics
Step 2: ๐Ÿ–ฅ Master JSX
Step 3: ๐ŸŽ› Handle State & Lifecycle
Step 4: ๐Ÿงฑ Build Components
Step 5: ๐Ÿ›  Learn Hooks
Step 6: ๐Ÿ—‚ State Management (Redux/MobX)
Step 7: ๐ŸŒ Routing with React Router
Step 8: ๐Ÿš€ Functional Components
Step 9: ๐Ÿ”Œ Connect to APIs
Step 10: ๐Ÿ“ฆ Component Libraries (Material-UI, AntD)
Step 11: ๐ŸŽจ Styling (CSS-in-JS)
Step 12: ๐Ÿงช Testing (Jest, React Testing Library)
Step 13: ๐Ÿ“ˆ Performance Optimization
Step 14: ๐Ÿ”„ Hooks Advanced Patterns
Step 15: ๐Ÿ›  Tooling (Webpack, Babel)
Step 16: ๐Ÿ“ฑ React Native Basics
Step 17: โ˜๏ธ Deploying React Apps
Step 18: ๐Ÿ“œ Documentation with Storybook
Step 19: ๐Ÿณ Dockerize React Apps
Step 20: ๐Ÿ”„ CI/CD for React Projects
Step 21: ๐Ÿงฉ SSR/Static Generation (Next.js/Gatsby)
Step 22: ๐Ÿ” SEO Best Practices
Step 23: ๐Ÿ“ข Contribute to Open Source
Step 24: ๐Ÿ’ผ Portfolio with React Projects
Step 25: ๐Ÿ•ธ Networking & Community Engagement

๐Ÿš€ Elevate Your React Expertise.

@EmmersiveLearning
โค1๐Ÿ‘1
Emmersive Learning
What are you learning now ?
We are committed to delivering content that resonates with our audience.

To achieve this, we would greatly appreciate your feedback on your current learning interests.

By participating in this brief survey, you will help us curate content that addresses your specific needs and aspirations.

You can choose more than one option.

for any comment, suggestions and feedbacks write to us in our community.

@EmmersiveCommunity


Thank you! for being part of us!

โค๏ธโค๏ธโค๏ธ
โค4
Learn Coding for Free:

๐Ÿ“น Youtube
๐ŸŒณ Treehouse
๐Ÿ• FreeCodeCamp
๐Ÿซ Codeacademy
๐Ÿ‘“ GeeksForGeeks
โœ๏ธ TutorialsPoint
๐Ÿ“š Coursera
๐Ÿ‘ฉโ€๐Ÿซ W3schools
๐Ÿ“ Edx
๐Ÿš€ Sololearn
๐Ÿ”ฅ Udacity
๐Ÿ“‹ Udemy
๐Ÿ› Khan Academy
๐Ÿ‘3
Basic Server types
โค1
Master React.

Learn these hooks:

๐Ÿ“Œ useState()
โฒ useEffect()
๐ŸŒ useContext()
๐Ÿ”„ useReducer()
๐Ÿƒโ€โ™‚๏ธ useCallback()
๐Ÿง  useMemo()
๐Ÿ“š useRef()
๐ŸŽจ useLayoutEffect()
โค2
๐Ÿ˜Š
Web development in 10 chapters:๐Ÿ‘‡๐Ÿ‘‡

Chapter 1: HTML ๐Ÿงฑ
Chapter 2: CSS ๐ŸŽจ
Chapter 3: CSS frameworks ๐Ÿงฎ
Chapter 4: JS โš™๏ธ
Chapter 5: DOM ๐Ÿ“ƒ
Chapter 6: Git and GitHub ๐Ÿ“ฒ
Chapter 7: React/Angular/Vueโš›๏ธ
Chapter 8: Node ๐Ÿ”™๐Ÿ”š
Chapter 9: API and Database ๐Ÿ—„๐Ÿ“„
Chapter 10: Job
โค1
FREE cheat sheet sites for web developers๐Ÿ”ฅ

๐ŸŽฏHTML Cheat Sheet - htmlcheatsheet .com

๐ŸŽฏCSS Cheat Sheet - websitesetup .org/css3-cheat-sheet

๐ŸŽฏJavaScript Cheat Sheet - javascript .info

๐ŸŽฏGit Cheat Sheet - education.github .com/git-cheat-sheet-education.pdf

๐ŸŽฏMarkdown Cheat Sheet - github .com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

๐ŸŽฏReact Cheat Sheet - reactcheatsheet .com

๐ŸŽฏLearn x in y minutes - learnxinyminutes .com

๐ŸŽฏSQL Cheat Sheet - sqlbolt .com

๐ŸŽฏOverAPI - overapi .com
โค3๐Ÿ‘1
why?๐Ÿ˜Ž๐Ÿฅธ
๐Ÿ˜3