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
Forwarded from Muhammed Teshome
Small and efficient startups are the future.

- Bootstrapped SaaS
- Teams mostly outsourced
- Solves a simple problem well
- Efficient sales and marketing
- Founder works 10-30 hours
- Extremely profitable


Prepare well!.
โค2
3 things can make you a better developer:

1. Practice
2. Practice
3. Practice

โ—๏ธ๐Ÿค—
๐Ÿฅฐ1
Encoding Vs Encryption vs Hashing
โค2
Types of Rendering in Web Development:

1.Client-Side Rendering (CSR):
Pages are rendered directly in the browser using JavaScript. All logic, data fetching, templating, and routing occur on the client side.

2. Server-Side Rendering (SSR):
The web server generates HTML content on each request, delivering pre-rendered pages to the client .

3.Static Site Generation (SSG):
Web pages are generated at build time and served as static files. It provides fast loading times and can be cached for efficiency .

4.Incremental Static Regeneration (ISR):
A hybrid approach combining SSR and SSG. It allows regeneration of specific pages on-demand, improving performance and content freshness

@EmmersiveLearning
๐Ÿ‘3โค1
JS & CSS animation libraries:

1. Animate.css ๐ŸŒŸ
2. Hover.css ๐Ÿ”„
3. Wow.js ๐Ÿš€
4. GreenSock Animation Platform (GSAP) โš™๏ธ
5. Magic Animations โœจ
6. Bounce.js ๐ŸŽˆ
7. Velocity.js ๐Ÿšด
8. Anime.js ๐ŸŽฌ
9. MOTION UI ๐ŸŒˆ
10. Flare ๐Ÿ”ฅ
๐Ÿ‘4
FREE APIs for your projects ๐Ÿ”ฅ

๐ŸŒฆWeather -openweathermap .org
๐Ÿ“ฐNews -newsapi .org
๐ŸŒREST Countries -restcountries .com
๐Ÿ˜‚Chuck Norris Jokes -api.chucknorris .io
๐ŸถDogs -thedogapi .com
๐ŸŽ‰GIPHY -developers.giphy .com
๐ŸฟMovie data -omdbapi .com
๐ŸŽฎPokemon data -pokeapi .com
๐Ÿ”ญNASA API - api.nasa. gov
โค2๐Ÿ‘1
Forwarded from Immersive Ai
This is the Perfect ChatGPT Prompt Formula!
-------------------------------------------

These are the 6 most important Building Blocks:

1๏ธโƒฃ Task: Start with an action verb, be clear about the end goal.

2๏ธโƒฃ Context: Answer who, what, and where to provide just enough information.

3๏ธโƒฃ Exemplars: Boost output quality by using examples or frameworks.

4๏ธโƒฃ Persona: Define who you want ChatGPT to embody for the given task.

5๏ธโƒฃ Format: Visualize the end result, specify format (paragraphs, bullet points).

6๏ธโƒฃ Tone: Communicate desired tone, use keywords for guidance.

Order of Importance:
Task > Context > Exemplars > Persona > Format > Tone

Pro Tip:
- Not every prompt needs all six components; prioritize based on the task.
A Collection of best Data Visualization Libraries:

๐Ÿ“ŠHigh charts
๐Ÿ“ŠNivo
๐Ÿ“ŠChart.js
๐Ÿ“ŠD3.js
๐Ÿ“ŠReact-vis
๐Ÿ“ŠThree.js
๐Ÿ“ŠChartkick
๐Ÿ“ŠGoogle Charts
๐Ÿ“ŠFlexmonster
๐Ÿ“ŠApexCharts
๐Ÿ“ŠFrappe Charts
๐Ÿ“ŠReCharts

You can add more ๐Ÿ‘‡
โค3
learn coding ...this is the right time.
โค2
Frontend Magic for Beginners! โœจ

๐ŸŽจ Prioritize user-friendly design
๐Ÿš€ Optimize for performance
๐Ÿ”ง Use responsive layouts
๐Ÿ” Focus on accessibility
๐Ÿ›  Implement state management

Creating engaging UIs enhances user experience.

What's is your tip to master the frontend? ๐Ÿ‘‡

@EmmersiveLearning
๐Ÿ‘4
Forwarded from Muhammed Teshome
Build in public
แˆ˜แˆตแˆซแ‰ต แ‹จแˆแ‰ตแˆแˆแŒˆแ‹ แ•แˆฎแŒ€แŠญแ‰ต แ‹ˆแ‹ญแˆ แ‰ขแ‹แАแˆต แŠซแˆˆ แŒแ‹ดแ‰ณ แŠซแ’แ‰ณแˆ แ‹ˆแ‹ญแˆ แˆŒแˆŽแ‰ฝ แŠขแŠ•แแˆซแˆตแ‰ตแˆซแŠญแ‰ธแˆญ แŠฅแˆตแŠชแˆŸแˆ‰แˆแˆ… แˆ˜แŒ แ‰ แ‰… แŒแ‹ดแ‰ณ แŠ แ‹ญแ‹ฐแˆˆแˆแข
แˆแˆ‰แŠ•แˆ แŠฅแ‹šแˆ แˆถแˆปแˆ แˆšแ‹ตแ‹ซ แˆ‹แ‹ญ แˆ˜แŒ€แˆ˜แˆญ แŠฅแŠ“ แŠ แŠ•แ‹ต แŠฅแˆญแˆแŒƒ แˆ˜แˆ„แ‹ต แ‰ตแ‰ฝแˆ‹แˆˆแˆ… แข
แ‹‹แŠ•แ‹ แАแŒˆแˆญ แАแƒ แ‰ฑแˆŽแ‰ฝแŠ•(Free tools ) แŠ แŒแ‰ฃแ‰ก แŠฅแŠ•แ‹ฐแ‰ต แŠฅแŠ•แ‹ฐแˆแ‰ตแŒ แ‰€แˆ แŠฅแŠ“ แ‹ฒแŒ‚แ‰ณแˆ แ‰ขแ‹แАแˆต( แŒญ ( Creator Economy ) แŠฅแŠ•แ‹ดแ‰ต แŠฅแŠ•แ‹ฐแˆšแˆฐแˆซ แˆ›แ‹ˆแ‰… แАแ‹แข
แŠฅแŠ•แ‹ดแ‰ต ?
1. แ‹จแˆ˜แŒ€แˆ˜แˆชแ‹ซแ‹ แˆƒแˆณแ‰กแŠ• แˆ›แŒแŠ˜แ‰ต แАแ‹แข แŠฅแˆฑแŠ• แ‹ฐแˆž แˆถแˆปแˆ แˆšแ‹ตแ‹ซ แˆ‹แ‹ญ แ‰ขแˆฐแˆซแ‰ แ‰ต แŠ แ‹‹แŒญ แ‹จแˆ˜แˆฐแˆ‰แˆ… แАแŒˆแˆฎแ‰ฝ แŠจแ‰ฐแˆˆแ‹ซแ‹ฉ แ‰ฆแ‰ณแ‹ˆแ‰ฝ แˆ˜แ‰ƒแˆจแ‰ฅ แ‰ตแ‰ฝแˆ‹แˆˆแˆ… (แŠจ แ–แˆตแ‰ถแ‰ฝ แค แŠฎแˆœแŠ•แ‰ถแ‰ฝ แŠฅแŠ“ แ‹จแ‰ฐแˆˆแ‹ซแ‹ฉ แŠฎแŠ•แ‰จแˆญแˆฝแŠ–แ‰ฝ ) แค แŠ แˆˆแ‹šแ‹ซ Ai แ‰ฐแŒ แ‰…แˆ˜แˆ… แ‰ฅแ‹™ แˆƒแˆณแ‰ฆแ‰ฝแˆ…แŠ• แ‹ญแˆฐแŒฅแˆƒแˆแข
2. แ‰ณแˆญแŒŒแ‰ต แŠฆแ‹ฒแ‹ซแŠ•แˆตแˆ…แŠ• แˆ˜แˆˆแ‹จแ‰ตแŠ“ แ‰ แ‹šแ‹ซ แ‹™แˆชแ‹ซ แ‹ซแˆ‰ แŠฎแˆšแŠ’แ‰ฒแ‹Žแ‰ฝแŠ• แˆ˜แ‰€แˆ‹แ‰€แˆ แค แˆƒแˆณแ‰ฅแˆ…แŠ• แˆผแˆญ แˆ›แ‹ตแˆจแŒ แค แŠ แ‹ณแ‹ฒแˆต แˆƒแˆณแ‰ฆแ‰ฝแŠ• แˆ˜แ‰€แ‰ แˆ แŠฅแŠ“ แŠแ‹ตแ‰ฃแŠฎแ‰ฝแŠ• แ‰  แˆ˜แ‰€แ‰ แˆ แˆƒแˆณแ‰ฅแˆ…แŠ• แ‰ แ‹ฐแŠ•แ‰ฅ แˆ›แ‹ฐแˆซแŒ€แ‰ต แŠฅแŠ“ แ‰ แ‹ฐแŠ•แ‰ฅ แŠฅแŠ•แ‹ดแŒˆแ‰ฃแˆ… แˆ›แ‹ตแˆญแŒ แข
3. แˆƒแˆณแ‰ฆแ‰ฝแŠ• แ‰ แ‹šแ‹ซ แ‹™แˆชแ‹ซ แˆ›แŒ‹แˆซแ‰ต แค แˆฐแ‹Žแ‰ฝ แˆ‹แ‹ญ แŠ แ‹ŒแˆญแАแˆต แˆ˜แแŒ แˆญแŠ“ แŠ”แ‰ตแ‹ŽแˆญแŠญแˆ…แŠ• แˆ›แŒ แŠ•แŠจแˆญ แค แ•แˆฎแŒแˆจแˆตแˆ…แŠ• แŠฅแŠ“ แˆตแˆซแˆ…แŠ• แˆ›แŒ‹แˆซแ‰ต แข
4 . แ•แˆฎแŒ€แŠญแ‰ถแ‰ฝแˆ…แŠ• แˆˆแ‰ฅแ‰ปแ‰ธแ‹ แ”แŒ… แˆตแˆซแˆ‹แ‰ธแ‹(แ‹ฒแŒ‚แ‰ณแˆ แŠซแˆแ“แŠ’ ) แŠ แ‹ตแˆญแŒ‹แ‰ธแ‹แข แŠฅแАแˆฑแŠ• แŠฅแ‹จแŒ แ‰€แˆตแŠญ แˆ˜แˆจแŒƒแ‹Žแ‰ฝแŠ• แŠ แŒ‹แˆซแข
5. แˆˆแ‹šแˆ… แˆแˆ‰ แ‰ฑแˆŽแ‰ฝแŠ• แ‰ฐแŒ แ‰€แˆ แข [ Free tools make you powerful ]
-----
แ‰ขแ‹แАแˆถแ‰ฝแˆ… แŠฅแАแ‹šแˆ…แŠ• แ‹ซแˆŸแˆ‰แข
1. แˆถแˆปแˆ แˆšแ‹ตแ‹ซ แ•แˆ‹แ‰ตแŽแˆญแˆžแ‰ฝ แˆ‹แ‹ญ แ‹ฒแŒ‚แ‰ณแˆ แŠฆแŒแˆต แ‹ญแŠ‘แˆซแ‰ธแ‹แข แ‹จ แˆถแˆปแˆ แˆšแ‹ฒแ‹ซแŠ• แˆ›แŠ”แŒ… แˆ›แ‹ตแˆญแŒ แคแ‹ฒแŒ‚แ‰ณแˆ แˆ›แˆญแŠฌแ‰ฒแŠ•แŒ แฃ แŒแˆซแŠแŠญแˆต แŠฅแŠ“ แˆ˜แˆฐแˆ แАแŒˆแˆฎแ‰ฝแŠ• แ‰ แˆซแˆตแˆ… แ‰ฐแˆ›แˆญ แŠฅแŠ“ แˆ›แˆตแ‰ฐแˆญ แŠ แ‹ตแˆญแŒแค แ‹ซแŠ• แ‹ซแŠญแˆ แŠจแ‰ฃแ‹ต แŠ แ‹ฐแˆˆแˆแข แ‹ˆแ‹ฐแŠแ‰ต แ‹ซแˆˆแ‹ แŒŠแ‹œ แ‹ฐแˆž แ‹ญแˆแˆแŒ‹แ‰ธแ‹‹แˆแข
2. แ‹ตแˆจแŒˆแ…(website) แˆตแˆซแˆ‹แ‰ธแ‹ แ‹ˆแ‹ญแˆ แŠ แˆฐแˆซแˆ‹แ‰ธแ‹แข แŠฅแ‹šแ‹ซแˆ แˆ‹แ‹ญ แŠ แŒแˆแŒแˆŽแ‰ถแ‰ฝแˆ…แŠ• แŠฅแŠ“ แˆแˆญแ‰ถแ‰ฝแˆ…แŠ• แ‰ แŒแˆแ… แŠ แˆตแ‰€แˆแŒฅ แข
3. แŠ แˆญแ‰ฒแŠแˆปแˆ แŠขแŠ•แ‰ฐแˆŠแŒ€แŠ•แˆตแŠ• แ‰ แ‹ฐแŠ•แ‰ฅ แŠจแˆšแŒ แ‰€แˆ™แ‰ต แˆแŠ• แค แŠจ แˆƒแˆณแ‰ฅ แˆ›แˆ˜แŠ•แŒจแ‰ต แŠฅแˆตแŠจ แˆ›แˆตแ‰ฐแˆ›แˆญ แค แ‹จ แˆ›แˆญแŠฌแ‰ฒแŠ•แŒ แˆตแ‰ตแˆซแ‰ดแŒ‚ แŠฅแˆตแŠจแˆ›แ‹แŒฃแ‰ต แŠฅแŠ“ แˆ‹แŠ•แ‰ฐ แŠฅแˆซแˆฑ แแˆญแˆฐแŠ“แˆ แˆ›แŠ“แŒ€แˆญแˆ… แ‹ญแˆ†แŠ“แˆแข แ‹จแ‰ขแ‹แАแˆตแˆ…แŠ• แ‹‹แŠ“ แˆตแˆซ แŠฅแŠ•แ‹ฒแˆฐแˆฉ แ‹แ‹ญแŠ• แ‰ฑแŠ• แŠ แ‹ตแˆญแŒ‹แ‰ธแ‹แข
โ€”โ€”-
แˆˆแ‹šแˆ… แˆแˆ‰ แˆตแŠชแˆ‰ แ‹จแˆˆแŠšแˆ แŠซแˆแŠญ แค แˆตแˆˆ แ‹ตแˆญแŒˆแ… แŠ แˆฐแˆซแˆแค แŒแˆซแŠแŠญแˆต แŠฅแŠ“ แˆ˜แˆฐแˆ แ‹จ แ‹ฒแŒ‚แ‰ณแˆ แˆ›แˆญแŠฌแ‰ฒแŠ•แŒ แˆตแŠชแˆŽแ‰ฝ แˆ˜แˆ›แˆญ แŠจแˆแˆˆแŒ ( @EmmersiveLearning ) แˆ‹แ‹ญ แŠ แ‹แˆซแŠแข
แŠ แ‹ญ แˆ˜แˆ›แˆญ แŠ แˆแˆแˆแŒแˆ แŠฅแŠ•แ‹ฒแˆฐแˆซแˆแŠ แАแ‹ แˆแˆแˆแŒˆแ‹ แŠซแˆแŠญ ( @FlyoverDigital. ) แˆ‹แ‹ญ แŠ แ‹แˆซแŠ แข แ‰ขแ‹แАแˆตแˆ…แŠ• แ‹ฒแŒ…แ‰ณแˆ แ‰ แˆ›แ‹ตแˆจแŒ แ‰ แŠฉแˆ แŠ แˆชแ แˆฐแˆญแ‰ชแˆต แ‹ญแˆฐแŒฅแˆƒแˆแข
แŠ แ‹ญ แŠ แˆญแ‰ฒแŠแˆปแˆ แŠขแŠ•แ‰ฐแˆŠแŒ€แŠ•แˆตแŠ• แˆ˜แŒ แ‰€แˆ แˆ‹แ‹ญ แ‹ญแ‰€แˆจแŠ›แˆแข แŠ แŒ‹แ‹ฅ แˆœแŠ•แ‰ถแˆญ แ‹ซแˆตแŒˆแˆแŒˆแŠ›แˆ แŠซแˆแŠญ แ‹ฐแˆž แŠ แˆแŠ•แˆ (@MuhibAI ) แˆ‹แ‹ญ แŠ แ‹แˆซแŠ แข
แˆ›แ‹“ แˆฐแˆ‹แˆ!
โค5
i am sorry that i haven't access to grok still ๐Ÿ˜Š๐Ÿ˜ข
๐Ÿ˜1
Practice code Everywhere you go:

- In the park while enjoying nature
- At a coffee shop over a cup of coffee
- On a train during your commute
- At home, in the comfort of your living room
- Donโ€™t wait for โ€œthe perfect place"

Code is portable,

and so is your learning! ๐Ÿš€

@EmmersiveLearning
๐Ÿ‘3
C O D I N G ยปยปยปยปยปยปยปยปยป
๐Ÿ˜ฑ2
Forwarded from Muhammed Teshome
แŠ แ‹ณแ‹ฒแˆต แˆƒแˆณแ‰ฅ แˆˆแˆ›แแˆˆแ‰… แ‹ซแˆแ‰ฐแАแ‰ƒแ‰ฃแ‰ธแ‹ แก
โ€”โ€”โ€”โ€”โ€”

๐Ÿšถ แˆตแˆแŠญ แˆณแ‰ตแ‹ญแ‹ แ‹ˆแŠญ แŠ แ‹ตแˆญแŒ

๐Ÿ‹๏ธแˆตแ–แˆญแ‰ต แ‹จแˆแ‰ตแˆ„แ‹ต แŠจแˆ†แА แ‹ซแˆˆ แˆแŠ•แˆ แ‹ตแˆแ…(แˆ™แ‹šแ‰ƒ/แАแˆบแ‹ณ ) แ‰ แ‰ฃแ‹ถแ‹ แˆ‚แ‹ตแŠ“ แˆตแˆซ แข

๐Ÿฅ แˆแŒแ‰ฅ แŠฅแ‹จแˆฐแˆซแˆ… แŠจแˆ†แА แˆแŠ•แˆ แАแŒˆแˆญ แŠ แ‰ตแŠญแˆแ‰ต ( แ‰ฒแ‰ช แค แ‰ฒแŠญแ‰ถแŠญ แค แ‹ฎแ‰ฑแ‰ฅ ) แˆแŠ•แˆ แАแŒˆแˆญ แŠ แ‰ตแŠญแˆแ‰ต แข แ‹แˆ แ‹ซแˆˆ แ‹ญแˆแŠ•แข

๐Ÿ‘‰แŠ แ‹•แˆแˆฎแˆ… แ‰ฃแ‹ถ แŠฅแŠ•แ‹ฒแˆ†แŠ• แแ‰€แ‹ฒแˆˆแ‰ต แŠฅแˆตแŠช (แˆแŠ•แˆ แŠ แ‰ณแˆณแ‹จแ‹แค แŠ แ‰ณแˆตแ‹ณแˆแŒ แ‹แค แ‹แˆ แ‰ฅแˆˆแˆ… แ‹แˆ แ‰ แˆˆแ‹แข

๐Ÿ‘‰แˆƒแˆณแ‰ฆแ‰ฝ แˆฒแŒแ‰ฐแˆˆแ‰ฐแˆ‰ แ‰ณแ‹ซแˆˆแˆ… แ‹ซแŠ”

๐Ÿ”ฅแ‹ญแˆ„ แŠฅแˆซแˆฑ แŠฅแˆซแ‰ต แŠฅแ‹จแˆฐแˆซแˆ แ‹จแˆ˜แŒฃ แˆƒแˆณแ‰ฅ แАแ‹ ๐Ÿ˜Š

แˆžแŠญแˆฉแ‰ต แ‹ˆแ‹ณแŒ†แ‰ฝ๐Ÿซถ
โค6๐Ÿ‘4๐Ÿซก1
๐Ÿ˜Š๐Ÿ˜Š๐Ÿ˜‚๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ˜2
๐Ÿ˜Š๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ˜4
when you use AI. it's like this.
๐Ÿ‘3
How to get started with web development.

โ€“ Roll up your sleeves
โ€“ Open your laptop
โ€“ Open browser then YouTube
โ€“ Search HTML crash course
โ€“ Follow it
โ€“ Write code simultaneously
โ€“ Take short notes
โ€“ Congrats๐ŸŽ‰ This is the way

Self exploration is the key!


แŠฅแŠ•แ‹ฐแˆแŠ• แŠ แ‹ฐแˆซแ‰ฝแˆ! แ‰คแ‰ฐแˆฐแ‰ฅ!
๐Ÿ‘5โค1