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

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

Contact Admin : @MehammedTeshome
Download Telegram
Forwarded from Immersive Ai
This guys seems familiar. but ai.
Top 13 Skills To Make Money ๐Ÿค‘๐Ÿ’ฐ

And Every Student Must Know ๐Ÿ”ฅ

1. Digital Marketing
2. Social Media Marketing
3. Website Development
4. Affiliate Marketing
5. Content Writing
6. Copywriting
7. Email Marketing
8. SEO
9. SEM
10. Graphic Design
11. Web Designing
12. Blogging
13. Video Editing
14. Mobile App Development
๐Ÿ‘จโ€๐Ÿ’ปPROGRAMMER
React Development:

๐Ÿ“ JSX and rendering
๐Ÿ— Component-based development
โš™๏ธ Passing Props
๐ŸŽฏ conditional rendering
๐Ÿ”„ State management with hooks
๐ŸŽจ Styling with CSS Modules
๐ŸŒ Fetching data with useEffect
๐Ÿ”€ Working with Refs
๐ŸŒŒ Understanding virtual DOM
๐Ÿช Custom Hooks
โค2
Backend language:
๐Ÿงฎ JavaScript
๐Ÿงฎ Python
๐Ÿงฎ Java
๐Ÿงฎ PHP
๐Ÿงฎ Go
๐Ÿงฎ C#
๐Ÿงฎ Ruby
๐Ÿงฎ Kotlin
๐Ÿงฎ Rust

Frontend language:
๐Ÿ–ฅ JS
๐Ÿ–ฅ TS

UI:
๐ŸŽจ React
๐ŸŽจ Vue
๐ŸŽจ Angular
๐ŸŽจ Svelte

DB:
๐Ÿ“ PostgreSQL
๐Ÿ“ MySQL
๐Ÿ“ MongoDB
๐Ÿ“ SQLServer
๐Ÿ“ DynamoDB
๐Ÿ“ Cockroachdb

API:
๐Ÿ”Œ Express
๐Ÿ”Œ Spring Boot
๐Ÿ”Œ Flask
๐Ÿ”Œ FastAPI
๐Ÿ”Œ Ruby on Rails
๐Ÿ”Œ Gin
๐Ÿ”Œ Rocket

CI/CD:
๐Ÿ— GitHub actions
๐Ÿ— Jenkins
๐Ÿ— CircleCI
๐Ÿ— TravisCI

Cloud:
โ˜๏ธ AWS
โ˜๏ธ Azure
โ˜๏ธ GCP
โ˜๏ธ Vercel

UI/UX:
๐ŸŽจ Figma
๐ŸŽจ InVision

Code:
โ›“ GitHub
โ›“ GitLab

Mobile:
๐Ÿ“ฑ React Native
๐Ÿ“ฑ Swift
๐Ÿ“ฑ Kotlin
๐Ÿ“ฑ Flutter

Learn:
๐ŸŽ“ YouTube
๐ŸŽ“ Udemy
๐ŸŽ“ Coursera
๐ŸŽ“ freeCodeCamp
๐ŸŽ“ edX
is it good advice for programmers ?
what makes react great is it's unopinionated nature.

๐Ÿ‘‰ reusable components
๐Ÿ‘‰ great developers tools
๐Ÿ‘‰ extensive ecosystem
๐Ÿ‘‰ design pattern portability
โค1
if you are starting to learn web development today, follow this flow:

๐ŸŒ HTML and web structure
๐ŸŽจ CSS styling and layout
๐Ÿ’ก JavaScript fundamentals
โš™๏ธ Document Object Model (DOM)
๐Ÿ“ฆ Git and GitHub
๐Ÿงฐ Command Line
๐Ÿ–ผ Responsive Web Design
๐ŸŽฏ JavaScript functions
๐ŸŒ† Front-end frameworks (React, Angular, or Vue)
๐Ÿ”— AJAX and data fetching
๐Ÿ“ Form handling and validation
๐ŸŒŒ Asynchronous JavaScript (Promises, async/await)
๐Ÿ“„ Working with JSON
๐Ÿ› Backend development
โš™๏ธ Server-Side Rendering
๐Ÿ—„ Databases (SQL and NoSQL)
๐Ÿ” Web security and best practices
๐Ÿ”ง API Integration
๐Ÿš€ Hosting and deployment
๐Ÿ“Š SEO
๐Ÿšง Test Driven Development
๐Ÿงฉ Content Management Systems
๐Ÿ’ผ Build websites

Emmersive Learning / แŠขแˆ˜แˆญแˆฒแ‰ญ

#emmersivelearning #WebDevelopment #frontend
โค1๐Ÿ”ฅ1
Mastering CSS:

๐ŸŽจ CSS selectors
๐Ÿ”— Styling rules
๐ŸŒˆ Colors & gradients
๐Ÿ–ผ Box model
๐ŸชŸ CSS positioning
๐Ÿ–Œ Typography and fonts
๐Ÿ“ Flexbox and Grid layouts
๐ŸŒช Transitions and animations
๐Ÿ’… Pseudo-classes, pseudo-elements
๐ŸŒŽ Media query and responsive design
๐Ÿ›  Custom variables
โค1
This small thing can make a big difference.

Donโ€™t use โ€œDivโ€ element all along.

Make use of Semantic Elements:

โ€ข header
โ€ข nav
โ€ข article
โ€ข section
โ€ข aside
โ€ข footer

Semantic elements can help you to increase accessibility, improve SEO, and improve code readability both for humans and machines.
โค1
The life of programmer
๐Ÿ˜1
Programmers and their side projects ๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ˜1
Unfinished Projects ๐Ÿ˜‚
๐Ÿ˜1
any one who try assembly code here?
freelance websites to find work as a beginner:

1. Freelancer
2. People Per Hour
3. Dribble
4. Fiverr
5. Upwork
6. Guru
7. Toptal
8. 99designs
9. Flexjobs.com
10. Servicescape
11. Angel. co/jobs
12. weworkremotely .com
13. remoteok .com
14. remote .co
15. LinkedIn .com
16. remotive .io
17. Stackoverflow .com/jobs
18. javascriptjob .xyz
โค3๐Ÿ‘1
HTML attributes you don't know:

โœ… hidden

โœ… contenteditable

โœ… draggable

โœ… spellcheck

โœ… translate

โœ… typemustmatch

โœ… cite

โœ… charset

โœ… keytype

โœ… autocapitalize

โœ… autocorrect

โœ… inputmode

โœ… formnovalidate

โœ… formmethod

โœ… formenctype
Don't overwhelm to learn JavaScript,๐Ÿ™„

JavaScript is only this much๐Ÿ‘‡๐Ÿ˜Š

1.Variables
โ€ข var
โ€ข let
โ€ข const

2. Data Types
โ€ข number
โ€ข string
โ€ข boolean
โ€ข null
โ€ข undefined
โ€ข symbol

3.Declaring variables
โ€ข var
โ€ข let
โ€ข const

4.Expressions
Primary expressions
โ€ข this
โ€ข Literals
โ€ข []
โ€ข {}
โ€ข function
โ€ข class
โ€ข function*
โ€ข async function
โ€ข async function*
โ€ข /ab+c/i
โ€ข string
โ€ข ( )
Left-hand-side expressions
โ€ข Property accessors
โ€ข ?.
โ€ข new
โ€ข new .target
โ€ข import.meta
โ€ข super
โ€ข import()

5.operators
โ€ข Arithmetic Operators: +, -, *, /, %
โ€ข Comparison Operators: ==, ===, !=, !==, <, >, <=, >=
โ€ข Logical Operators: &&, ||, !

6.Control Structures
โ€ข if
โ€ข else if
โ€ข else
โ€ข switch
โ€ข case
โ€ข default

7.Iterations/Loop
โ€ข do...while
โ€ข for
โ€ข for...in
โ€ข for...of
โ€ข for await...of
โ€ข while

8.Functions
โ€ข Arrow Functions
โ€ข Default parameters
โ€ข Rest parameters
โ€ข arguments
โ€ข Method definitions
โ€ข getter
โ€ข setter

9.Objects and Arrays
โ€ข Object Literal: { key: value }
โ€ข Array Literal: [element1, element2, ...]
โ€ข Object Methods and Properties
โ€ข Array Methods: push(), pop(), shift(), unshift(),
splice(), slice(), forEach(), map(), filter()

10.Classes and Prototypes
โ€ข Class Declaration
โ€ข Constructor Functions
โ€ข Prototypal Inheritance
โ€ข extends keyword
โ€ข super keyword
โ€ข Private class features
โ€ข Public class fields
โ€ข static
โ€ข Static initialization blocks

11.Error Handling
โ€ข try,
โ€ข catch,
โ€ข finally (exception handling)

ADVANCED CONCEPTS
--------------------------

12.Closures
โ€ข Lexical Scope
โ€ข Function Scope
โ€ข Closure Use Cases

13.Asynchronous JavaScript
โ€ข Callback Functions
โ€ข Promises
โ€ข async/await Syntax
โ€ข Fetch API
โ€ข XMLHttpRequest

14.Modules
โ€ข import and export Statements (ES6 Modules)
โ€ข CommonJS Modules (require, module.exports)

15.Event Handling
โ€ข Event Listeners
โ€ข Event Object
โ€ข Bubbling and Capturing

16.DOM Manipulation
โ€ข Selecting DOM Elements
โ€ข Modifying Element Properties
โ€ข Creating and Appending Elements

17.Regular Expressions
โ€ข Pattern Matching
โ€ข RegExp Methods: test(), exec(), match(), replace()

18.Browser APIs
โ€ข localStorage and sessionStorage
โ€ข navigator Object
โ€ข Geolocation API
โ€ข Canvas API

19.Web APIs
โ€ข setTimeout(), setInterval()
โ€ข XMLHttpRequest
โ€ข Fetch API
โ€ข WebSockets

20.Functional Programming
โ€ข Higher-Order Functions
โ€ข map(), reduce(), filter()
โ€ข Pure Functions and Immutability

21.Promises and Asynchronous Patterns
โ€ข Promise Chaining
โ€ข Error Handling with Promises
โ€ข Async/Await

22.ES6+ Features
โ€ข Template Literals
โ€ข Destructuring Assignment
โ€ข Rest and Spread Operators
โ€ข Arrow Functions
โ€ข Classes and Inheritance
โ€ข Default Parameters
โ€ข let, const Block Scoping

23.Browser Object Model (BOM)
โ€ข window Object
โ€ข history Object
โ€ข location Object
โ€ข navigator Object

24.Node.js Specific Concepts
โ€ข require()
โ€ข Node.js Modules (module.exports)
โ€ข File System Module (fs)
โ€ข npm (Node Package Manager)

25.Testing Frameworks
โ€ข Jasmine
โ€ข Mocha
โ€ข Jest

------------------- END-------------------

and you can learn all of this here
https://www.youtube.com/watch?v=jF5oxeeuu6E
๐Ÿ‘2