Emmersive Learning
4.83K 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
Boost your coding game with these 10 essential VS Code extensions! ๐Ÿš€

โœจ Prettier
โœจ ESLint
โœจ IntelliSense for CSS
โœจ Debugger for Chrome
โœจ Code Spell Checker
โœจ Auto Rename Tag
โœจ Polacode
โœจ REST Client
โœจ Peacock
โœจ Docker

Share your top picks! ๐Ÿ‘‡
๐Ÿ˜2
Master JavaScript:

The JavaScript Tree ๐Ÿ‘‡
|
|โ”€โ”€ Variables
| โ”œโ”€โ”€ var
| โ”œโ”€โ”€ let
| โ””โ”€โ”€ const
|
|โ”€โ”€ Data Types
| โ”œโ”€โ”€ String
| โ”œโ”€โ”€ Number
| โ”œโ”€โ”€ Boolean
| โ”œโ”€โ”€ Object
| โ”œโ”€โ”€ Array
| โ”œโ”€โ”€ Null
| โ””โ”€โ”€ Undefined
|
|โ”€โ”€ Operators
| โ”œโ”€โ”€ Arithmetic
| โ”œโ”€โ”€ Assignment
| โ”œโ”€โ”€ Comparison
| โ”œโ”€โ”€ Logical
| โ”œโ”€โ”€ Unary
| โ””โ”€โ”€ Ternary (Conditional)
|
|โ”€โ”€ Control Flow
| โ”œโ”€โ”€ if statement
| โ”œโ”€โ”€ else statement
| โ”œโ”€โ”€ else if statement
| โ”œโ”€โ”€ switch statement
| โ”œโ”€โ”€ for loop
| โ”œโ”€โ”€ while loop
| โ””โ”€โ”€ do-while loop
|
|โ”€โ”€ Functions
| โ”œโ”€โ”€ Function declaration
| โ”œโ”€โ”€ Function expression
| โ”œโ”€โ”€ Arrow function
| โ””โ”€โ”€ IIFE (Immediately Invoked Function Expression)
|
|โ”€โ”€ Scope
| โ”œโ”€โ”€ Global scope
| โ”œโ”€โ”€ Local scope
| โ”œโ”€โ”€ Block scope
| โ””โ”€โ”€ Lexical scope
|
|โ”€โ”€ Arrays
| โ”œโ”€โ”€ Array methods
| | โ”œโ”€โ”€ push()
| | โ”œโ”€โ”€ pop()
| | โ”œโ”€โ”€ shift()
| | โ”œโ”€โ”€ unshift()
| | โ”œโ”€โ”€ splice()
| | โ”œโ”€โ”€ slice()
| | โ””โ”€โ”€ concat()
| โ””โ”€โ”€ Array iteration
| โ”œโ”€โ”€ forEach()
| โ”œโ”€โ”€ map()
| โ”œโ”€โ”€ filter()
| โ””โ”€โ”€ reduce()
|
|โ”€โ”€ Objects
| โ”œโ”€โ”€ Object properties
| | โ”œโ”€โ”€ Dot notation
| | โ””โ”€โ”€ Bracket notation
| โ”œโ”€โ”€ Object methods
| | โ”œโ”€โ”€ Object.keys()
| | โ”œโ”€โ”€ Object.values()
| | โ””โ”€โ”€ Object.entries()
| โ””โ”€โ”€ Object destructuring
|
|โ”€โ”€ Promises
| โ”œโ”€โ”€ Promise states
| | โ”œโ”€โ”€ Pending
| | โ”œโ”€โ”€ Fulfilled
| | โ””โ”€โ”€ Rejected
| โ”œโ”€โ”€ Promise methods
| | โ”œโ”€โ”€ then()
| | โ”œโ”€โ”€ catch()
| | โ””โ”€โ”€ finally()
| โ””โ”€โ”€ Promise.all()
|
|โ”€โ”€ Asynchronous JavaScript
| โ”œโ”€โ”€ Callbacks
| โ”œโ”€โ”€ Promises
| โ””โ”€โ”€ Async/Await
|
|โ”€โ”€ Error Handling
| โ”œโ”€โ”€ try...catch statement
| โ””โ”€โ”€ throw statement
|
|โ”€โ”€ JSON (JavaScript Object Notation)
|
|โ”€โ”€ Modules
| โ”œโ”€โ”€ import
| โ””โ”€โ”€ export
|
|โ”€โ”€ DOM Manipulation
| โ”œโ”€โ”€ Selecting elements
| โ”œโ”€โ”€ Modifying elements
| โ””โ”€โ”€ Creating elements
|
|โ”€โ”€ Events
| โ”œโ”€โ”€ Event listeners
| โ”œโ”€โ”€ Event propagation
| โ””โ”€โ”€ Event delegation
|
|โ”€โ”€ AJAX (Asynchronous JavaScript and XML)
|
|โ”€โ”€ Fetch API
|
|โ”€โ”€ ES6+ Features
| โ”œโ”€โ”€ Template literals
| โ”œโ”€โ”€ Destructuring assignment
| โ”œโ”€โ”€ Spread/rest operator
| โ”œโ”€โ”€ Arrow functions
| โ”œโ”€โ”€ Classes
| โ”œโ”€โ”€ let and const
| โ”œโ”€โ”€ Default parameters
| โ”œโ”€โ”€ Modules
| โ””โ”€โ”€ Promises
|
|โ”€โ”€ Web APIs
| โ”œโ”€โ”€ Local Storage
| โ”œโ”€โ”€ Session Storage
| โ””โ”€โ”€ Web Storage API
|
|โ”€โ”€ Libraries and Frameworks
| โ”œโ”€โ”€ React
| โ”œโ”€โ”€ Angular
| โ””โ”€โ”€ Vue.js
|
|โ”€โ”€ Debugging
| โ”œโ”€โ”€ Console.log()
| โ”œโ”€โ”€ Breakpoints
| โ””โ”€โ”€ DevTools
|
|โ”€โ”€ Others
| โ”œโ”€โ”€ Closures
| โ”œโ”€โ”€ Callbacks
| โ”œโ”€โ”€ Prototypes
| โ”œโ”€โ”€ this keyword
| โ”œโ”€โ”€ Hoisting
| โ””โ”€โ”€ Strict mode
|
|____________ END __________________


https://www.youtube.com/watch?v=jF5oxeeuu6E
โค4
Why Programming ?
โค6
Quiz:

Can you solve this equation in less than 20 seconds?

1 + 4 = 5
2 + 5 = 12
3 + 6 = 21
8 + 11 = ?
๐Ÿ‘3๐Ÿ‘1
List of Ai tools to use :

chatGPT : https://chat.openai.com/

Bard Ai :
https://bard.google.com/

Copilot :
https://copilot.microsoft.com/


if you master this . you will be unstoppable!

there is a video on how to use all of this.
@EmmersiveLearning แ‹ฉแ‰ฑแ‰ฅ แ‰ปแŠ“แˆ แˆ‹แ‹ญ แข

แ‹ฉแ‰ฑแ‰ฅ แก
https://www.youtube.com/@EmmersiveLearning/
โค4๐Ÿ‘3
Start small, Keep Going!

#Friday_Motivtion
โค4
English will be the Best Coding Language!

.

.

#mark_this.
โค4
What operating system are you currently using? ๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ‘3
Start your web development journey with HTML.

Here is how to Master HTML:

The HTML Tree ๐Ÿ‘‡
|
|โ”€โ”€ Document Structure
| โ”œโ”€โ”€ <!DOCTYPE html>
| โ”œโ”€โ”€ <html>
| | โ”œโ”€โ”€ <head>
| | | โ”œโ”€โ”€ <title>
| | | โ””โ”€โ”€ <meta>
| | โ””โ”€โ”€ <body>
| | โ”œโ”€โ”€ <header>
| | โ”œโ”€โ”€ <nav>
| | โ”œโ”€โ”€ <main>
| | โ”œโ”€โ”€ <section>
| | โ”œโ”€โ”€ <article>
| | โ”œโ”€โ”€ <aside>
| | โ”œโ”€โ”€ <footer>
| | โ””โ”€โ”€ <script>
|
|โ”€โ”€ Elements
| โ”œโ”€โ”€ Headings (<h1> to <h6>)
| โ”œโ”€โ”€ Paragraph (<p>)
| โ”œโ”€โ”€ Links (<a>)
| โ”œโ”€โ”€ Images (<img>)
| โ”œโ”€โ”€ Lists
| | โ”œโ”€โ”€ Ordered (<ol>)
| | โ””โ”€โ”€ Unordered (<ul>)
| | โ””โ”€โ”€ List item (<li>)
| โ”œโ”€โ”€ Forms
| | โ”œโ”€โ”€ Form (<form>)
| | โ”œโ”€โ”€ Input (<input>)
| | โ”œโ”€โ”€ Textarea (<textarea>)
| | โ”œโ”€โ”€ Select (<select>)
| | | โ””โ”€โ”€ Option (<option>)
| | โ””โ”€โ”€ Button (<button>)
| โ”œโ”€โ”€ Tables (<table>)
| | โ”œโ”€โ”€ Table row (<tr>)
| | | โ”œโ”€โ”€ Table heading (<th>)
| | | โ””โ”€โ”€ Table data (<td>)
| | โ””โ”€โ”€ Table header (<thead>)
| โ”œโ”€โ”€ Semantic Elements
| | โ”œโ”€โ”€ <header>
| | โ”œโ”€โ”€ <nav>
| | โ”œโ”€โ”€ <main>
| | โ”œโ”€โ”€ <section>
| | โ”œโ”€โ”€ <article>
| | โ”œโ”€โ”€ <aside>
| | โ””โ”€โ”€ <footer>
| โ”œโ”€โ”€ Comments <!-- -->
| โ””โ”€โ”€ Inline Elements
| โ”œโ”€โ”€ <span>
| โ”œโ”€โ”€ <strong>
| โ”œโ”€โ”€ <em>
| โ”œโ”€โ”€ <br>
| โ”œโ”€โ”€ <hr>
| โ””โ”€โ”€ <a> (for inline links)
|
|โ”€โ”€ Attributes
| โ”œโ”€โ”€ src (for <img>, <script>, etc.)
| โ”œโ”€โ”€ href (for <a>, <link>, etc.)
| โ”œโ”€โ”€ alt (for alternative text)
| โ”œโ”€โ”€ width/height (for sizing)
| โ”œโ”€โ”€ class (for styling)
| โ”œโ”€โ”€ id (for unique identification)
| โ””โ”€โ”€ style (for inline CSS)
|
|โ”€โ”€ Forms and Input
| โ”œโ”€โ”€ Text Input
| โ”œโ”€โ”€ Radio Buttons
| โ”œโ”€โ”€ Checkboxes
| โ”œโ”€โ”€ Dropdowns
| โ””โ”€โ”€ Submit Button
|
|โ”€โ”€ Multimedia
| โ”œโ”€โ”€ Images
| โ””โ”€โ”€ Video (<video>)
|
|โ”€โ”€ Links and Navigation
| โ”œโ”€โ”€ Relative URLs
| โ”œโ”€โ”€ Absolute URLs
| โ””โ”€โ”€ Navigation Links
|
|โ”€โ”€ Lists
| โ”œโ”€โ”€ Ordered Lists
| โ””โ”€โ”€ Unordered Lists
|
|โ”€โ”€ Tables
| โ”œโ”€โ”€ Table Structure
| โ””โ”€โ”€ Table Styling
|
|โ”€โ”€ Semantic HTML
| โ””โ”€โ”€ Using Semantic Elements
|
|โ”€โ”€ Document Metadata
| โ”œโ”€โ”€ Character Encoding
| โ””โ”€โ”€ Viewport Meta Tag
|
|โ”€โ”€ HTML5 Features
| โ”œโ”€โ”€ New Document Structure
| โ”œโ”€โ”€ Semantic Elements
| โ”œโ”€โ”€ Multimedia Elements
| โ””โ”€โ”€ Form Enhancements
|
|โ”€โ”€ HTML5 APIs
| โ”œโ”€โ”€ Local Storage
| โ”œโ”€โ”€ Session Storage
| โ””โ”€โ”€ Web Storage API
|
|โ”€โ”€ HTML Validation
|
|โ”€โ”€ Responsive Design
| โ””โ”€โ”€ Media Queries
|
|
|____________ END __________________
https://www.youtube.com/watch?v=kDE31AmaIAM
โค7
5 Best CSS Generators ๐ŸŽจ

๐Ÿ”ธBlob maker
๐Ÿ”—- blobmaker .app
๐Ÿ”นGlass Morphism
๐Ÿ”—- glassgenerator .netlify .app
๐Ÿ”ธFancy Border Radius
๐Ÿ”—- https://9elements.github .io/fancy-border-radius
๐Ÿ”น Get Waves
๐Ÿ”— getwaves .io
๐Ÿ”ธNeumorphism
๐Ÿ”—- neumorphism. io
๐Ÿ‘4โค1
Data Modeling Mastery ๐Ÿ“Š

๐Ÿ—บ Plan your schema carefully
๐Ÿš€ Optimize for performance
๐Ÿ”’ Ensure data integrity
๐Ÿ” Normalize data effectively
๐Ÿ“ˆ Scale your database smartly
๐Ÿ”„ Use data indexing

Good data models are crucial for efficient databases.

What is your opinion? ๐Ÿ‘‡

@EmmersiveLearning
โค4๐Ÿ‘1
Don't let bugs or setbacks discourage you - every mistake is an opportunity to learn and improve!

Keep coding, and keep growing!
โค4
Only 1 day is left for the beginning of 2024 G.C.

we can use this new year to
๐Ÿ‘‰ change our selves,
๐Ÿ‘‰ to start learning something,
๐Ÿ‘‰ to start building something worth.


แ‹จแˆ†แА แАแŒˆแˆญ แˆˆแˆ˜แŒ€แˆ˜แˆญ แˆตแŠ“แˆตแ‰ฅ แค แ‰€แŒฃแ‹ญ แŠ แˆ˜แ‰ต แค แ‰€แŒฃแ‹ญ แ‹ˆแˆญ แค แ‰€แŒฃแ‹ญ แˆณแˆแŠ•แ‰ต แค แˆฐแŠž แค แŒแˆแ‹“ แค แˆ˜แˆตแŠจแˆจแˆ แ‰ แˆ›แˆˆแ‰ต แ‹จแˆแ‰ณแ‹ˆแ‰… แŠ แ‹ญแ‹ฐแˆˆแŠ•แค แŠฅแˆตแŠช แ‹ญแˆ„แŠ•แŠ• แˆˆแ‰ แŒŽ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹แข

แАแŒˆ แŠฅแˆแ‹ต แ‰ แ‰€แŒฃแ‹ฉ แŠ แˆ˜แ‰ต แ‰  2024 แˆแŠ• แˆแ‰ตแˆฐแˆฉ แŠฅแŠ•แ‹ณแˆฐแ‰ฃแ‰ฝแˆ แŒŽแˆแค แŠฅแ‰…แ‹ตแค แ•แˆ‹แŠ• แˆตแ‰ณแ‹ˆแŒก แ‹‹แˆ‰แข

แŠจแАแŒˆ แ‰ แˆตแ‰ฐแ‹ซแค แˆฐแŠž แฃ แ‰ แ‰€แŠ• 1/1/2024 แ‹จแˆแ‰ตแŒ€แˆ˜แˆฉแ‰ แ‰ต แ‰€แŠ• แ‹ญแˆแŠ•แข แ‰€แŒฃแ‹ญ แŠ แˆ˜แ‰ต แ‰ แ‹šแˆ… แˆฐแ‹“แ‰ต แ‰  แŠ แŠ•แ‹ต แŠ แˆ˜แ‰ต (365 แ‰€แŠ•) แˆแŠ• แˆ‹แ‹ญ แŠฅแŠ•แ‹ฐแ‹ฐแˆจแˆณแ‰ฝแˆ แ‹จแˆแŠ“แ‹ˆแˆซแ‰ แ‰ต แ‹ญแˆ†แŠ“แˆแข

แŒแˆฉแ‘ แˆ‹แ‹ญ แ‹ฒแˆตแŠจแˆต แˆ›แ‹ตแˆจแŒ แŠฅแŠ•แ‰ฝแˆ‹แˆˆแŠ•
๐Ÿ‘5๐Ÿ”ฅ1
แˆแŠ• แˆ‹แ‰…แ‹ต แŠฅแŠ“ แˆแˆฐแˆซ แŠฅแ‰ฝแˆ‹แˆˆแˆ ?

แ‹ญแˆ„ แŠฅแŠ•แ‹ฐ แˆฐแ‹ แ‹ญแˆˆแ‹ซแ‹ซแˆแข แАแŒˆแˆญ แŒแŠ• แŠฅแŠ•แ‹ฐ แแˆฌแˆแ‹ˆแˆญแŠญ

1. แ‰ตแˆแˆ…แˆญแ‰ต( แŒแ‹ดแ‰ณ แ‹จแˆ†แА แ‰ฐแ‰แˆ แ‹แˆตแŒฅ แˆ˜แŒแ‰ฃแ‰ต แŠ แ‹ญแŒ แ‰ แ‰…แ‰ฃแ‰ฝแˆแˆ แŒŠแ‹œ แˆ˜แ‹ตแ‰ฃแ‰ฝแˆ แ‹จแˆ†แАแŠ• แˆตแŠชแˆ แ‰แŒญ แ‰ฅแˆ‹แ‰ฝแˆ แŠจแ‰คแ‰ณแ‰ฝแˆ แˆ˜แˆ›แˆญ แ‰ตแ‰ฝแˆ‹แˆ‹แ‰ฝแˆ)

2. แ•แˆฎแŒ€แŠญแ‰ถแ‰ฝแŠ• แค แˆตแ‰ณแˆญแ‰ณแ–แ‰ฝแŠ• แŠฅแŠ“ แ‰ขแ‹แАแˆถแ‰ฝแŠ• แˆ˜แแŒ แˆญ แŠฅแŠ“ แˆ˜แŒˆแŠ•แ‰ฃแ‰ต แก

if you are a techie you can build Digital Startups:
โœฆ SaaS
โœฆ Databases
โœฆ Web/Mobile app
โœฆ Extentions/Plugins

3. แˆ›แŠ•แ‰ แ‰ฅ แŠฅแŠ“ แ‹จ แแˆญแˆฐแŠ“แˆ แŒแŠ•แ‰ฃแ‰ณ แˆ›แ‹ตแˆจแŒ(แŠซแˆตแˆแˆˆแŒˆแˆ แˆ˜แˆฐแˆแŒ แŠ• แŠฅแŠ•แ‹ด แแˆ‹แŒŽแ‰ณแ‰ฝแˆ )

แˆƒแˆณแ‰ฅ แŒจแˆแˆฉแ‰ แ‰ต แก ๐Ÿ‘‡
โค5
Forwarded from Muhammed Teshome
if you lack creativity, Picasso has a quote for you.

โ€œGood artists copy. Great artists steal.โ€

To โ€œstealโ€ simply means taking multiple great ideas, and combining them in new ways.

When you combine existing ideas in your own way, you create something new.

Thatโ€™s creativity.
โค4
Forwarded from Muhammed Teshome
There are 4 macronutrients of business:

๐Ÿ“Œ Brand
๐Ÿ“Œ Content
๐Ÿ“Œ Product
๐Ÿ“Œ Marketing
โค3
In which programming language did you write your first line of code?
Anonymous Poll
26%
Python
37%
JavaScript
28%
C++
0%
JAVA
4%
C
2%
C#
2%
PHP
๐Ÿ‘2
which extension you are going to use for your next project ??
๐Ÿ‘3
Ui Tips

- Have a consistent layout.
โค5
Coding got you feeling burnt out?

Remember to take time for self-care and don't forget to fuel yourself with nourishment too.
โค4
Input types to master in HTML!
โค7