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
Pleasee ๐Ÿ˜Š๐Ÿ˜‚๐Ÿ˜‚๐Ÿ˜‚
โค1
rate this setup!
๐Ÿ‘5
๐Ÿ‘จโ€๐Ÿ’ป Transitioning from Learning to Working in Tech ๐Ÿ‘จโ€๐Ÿ’ป

๐Ÿง—โ€โ™‚๏ธ Tackle challenges head-on
๐Ÿ”„ Always keep learning and adapting
๐Ÿ›  Master essential development tools
๐Ÿ“ Keep a learning diary or blog
๐ŸŒ Understand global tech trends
๐Ÿ™Œ Be open to feedback and criticism

What else? ๐Ÿ‘‡
๐Ÿ‘2
Here's a fun way to start learning to code today:

1๏ธโƒฃ Open your computer ๐Ÿ’ป
2๏ธโƒฃ Go to YouTube ๐Ÿ“บ
3๏ธโƒฃ Search for "HTML Crash Course" ๐Ÿ”
4๏ธโƒฃ Watch the first video you see ๐ŸŽฅ

If you have any questions, don't worry! Just Google them ๐ŸŒ

Trust the process and enjoy the journey! โœจ

...or start here....

@EmmersiveLearning

https://www.youtube.com/watch?v=kDE31AmaIAM
๐Ÿ‘2โค1
Forwarded from Immersive Ai
howdy, AI enthusiasts!
Hereโ€™s what we got for you today:

๐Ÿค– Stable Diffusion reveals a real-time text-to-image AI

๐Ÿ”“ OpenAI custom GPTs have security flaws

๐Ÿ” Stability AI Seeks sale by Investors

๐ŸŒ Tools, Tweets, Resources and Tutorials
๐Ÿ‘1
Forwarded from Immersive Ai
A Review of 2023โ€™s Most Impressive Large Language Models
โค1๐Ÿ‘1
Happy Birthday chatGPT. and thank you for changing the world for the better.

Today marks ChatGPT's 1st birthday โ€” a year since OpenAI released an early demo of the artificial intelligence generative tool on Nov. 30, 2022.

@EmmersiveLearning Team.
โค2
Forwarded from Muhammed Teshome
23 Minutes

Unfortunately, research is showing us that each time we are distracted, it might take around 23 minutes to regain focus on what we were previously working on.
๐Ÿ˜ข1
Linux and mac guys.
Step1 โ€“ HTML
Step2 โ€“ CSS
Step3 โ€“ JavaScript
Step4 โ€“ Git+GitHub
Step5 โ€“ Build Project ๐Ÿ‘ˆ
Step6 โ€“ React
Step7 โ€“ Node.js
Step8 โ€“ Build an API
Step9 โ€“ Build Project ๐Ÿ‘ˆ
Step10 โ€“ Next.js
Step11 โ€“ CI/CD
Step12 โ€“ CockroachDB
Step13 โ€“ Build Project ๐Ÿ‘ˆ

๐Ÿ† โ€“ Full Stack developer

@EmmersiveLearning

we believe our channel is the best for beginners.

join and learn what you want. ๐Ÿ‘‡

https://www.youtube.com/@EmmersiveLearning/
โค1๐Ÿ‘1
Forwarded from Muhammed Teshome
Productivity hacks that might work for you:

โœ… use apps to reduce your screen time

โœ… use an app to organize your tasks

โœ… put the phone in airplane mode

โœ… put the phone in a box

โœ… pomodoro technique

โœ… uninstall apps

None of them work for me btw. ๐Ÿ˜‚๐Ÿ˜‚๐Ÿ˜‚
๐Ÿ‘3
Plan your 100 days of code.

A rough plan could be:

โ€ข Start with HTML, CSS
โ€ข Move to JavaScript, DOM
โ€ข Learn Git
โ€ข Dive into React

Don't forget to work on projects.

Share your progress on On our Communities to receive feedback.

Get a job!
โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”

join our community here ๐Ÿ‘‡
@EmmersiveCommunity
๐Ÿ‘4
Coding while sleeping ๐Ÿ˜Š๐Ÿ˜‚๐Ÿ˜‚

#brie
๐Ÿ˜2
Free Frontend Hosting Resources:

๐ŸŒ Vercel

โ˜๏ธ Netlify

๐Ÿ”ฅ Firebase Hosting

๐ŸŽจ GitHub Pages

๐ŸŒŸ Render

๐Ÿ›  Surge

๐Ÿ’ป Heroku

๐ŸŒ AWS Amplify

โšก๏ธ Glitch

๐Ÿ”— DigitalOcean App Platform

๐ŸŒŒ Microsoft Azure Static Web Apps

๐Ÿ›ค Cloudflare Pages

What else ? ๐Ÿ‘‡
โค1
๐Ÿค” How to Choose the Right Tech Stack for Your Project ๐Ÿค”

๐Ÿง Understand project requirements
๐Ÿ“ˆ Consider scalability
๐ŸŒ Look at community support and resources
๐Ÿ”ง Evaluate the maturity of the technology
๐Ÿš€ Look into deployment ease
๐Ÿ’ฌ Check language compatibility

What else? ๐Ÿ‘‡
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! ๐Ÿš€
Best way to master CSS,๐Ÿ”ฅ

The CSS tree ๐Ÿ‘‡
|
|โ”€โ”€ Text Styles
| |โ”€โ”€ color
| |โ”€โ”€ font
| | โ”œโ”€โ”€ font-family
| | โ”œโ”€โ”€ font-size
| | โ””โ”€โ”€ font-weight
| |โ”€โ”€ text-align
| |โ”€โ”€ text-decoration
| | โ”œโ”€โ”€ underline
| | โ””โ”€โ”€ line-through
| |โ”€โ”€ line-height
| โ””-โ”€ letter-spacing
|
|โ”€โ”€ Box Model
| |โ”€โ”€ width
| |โ”€โ”€ height
| |โ”€โ”€ margin
| | โ”œโ”€โ”€ margin-top
| | โ”œโ”€โ”€ margin-right
| | โ”œโ”€โ”€ margin-bottom
| | โ””โ”€โ”€ margin-left
| |
| |โ”€โ”€ padding
| | โ”œโ”€โ”€ padding-top
| | โ”œโ”€โ”€ padding-right
| | โ”œโ”€โ”€ padding-bottom
| | โ””โ”€โ”€ padding-left
| |
| โ””-โ”€ border
| |โ”€โ”€ border-width
| | |โ”€โ”€ border-top-width
| | |โ”€โ”€ border-right-width
| | |โ”€โ”€ border-bottom-width
| | โ””โ”€โ”€ border-left-width
| |โ”€โ”€ border-color
| | โ”œโ”€โ”€ border-top-color
| | โ”œโ”€โ”€ border-right-color
| | โ”œโ”€โ”€ border-bottom-color
| | โ””โ”€โ”€ border-left-color
| โ””โ”€โ”€ border-radius
| โ”œโ”€โ”€ border-top-left-radius
| โ”œโ”€โ”€ border-top-right-radius
| โ”œโ”€โ”€ border-bottom-left-radius
| โ””โ”€โ”€ border-bottom-right-radius
|
|โ”€โ”€ Positioning
| โ”œโ”€โ”€ position
| โ”œโ”€โ”€ top
| โ”œโ”€โ”€ right
| โ”œโ”€โ”€ bottom
| โ””โ”€โ”€ left
|
|โ”€โ”€ Layout
| โ”œโ”€โ”€ display
| โ”œโ”€โ”€ visibility
| โ”œโ”€โ”€ float
| โ””โ”€โ”€ clear
|
|โ”€โ”€ Flexbox
| โ”œโ”€โ”€ flex
| โ”œโ”€โ”€ flex-direction
| โ”œโ”€โ”€ flex-wrap
| โ”œโ”€โ”€ justify-content
| โ””โ”€โ”€ align-items
|
|โ”€โ”€ Grid Layout
| โ”œโ”€โ”€ grid-template-columns
| โ”œโ”€โ”€ grid-template-rows
| โ”œโ”€โ”€ grid-column
| โ”œโ”€โ”€ grid-row
| โ”œโ”€โ”€ grid-column-gap
| โ””โ”€โ”€ grid-row-gap
|
|โ”€โ”€ Colors and Background
| โ”œโ”€โ”€ background-color
| โ”œโ”€โ”€ background-image
| โ”œโ”€โ”€ background-repeat
| โ”œโ”€โ”€ background-position
| โ”œโ”€โ”€ background-size
| โ”œโ”€โ”€ color
| โ””โ”€โ”€ opacity
|
|โ”€โ”€ Transitions and Animations
| |โ”€โ”€ transition
| | โ”œโ”€โ”€ transition-property
| | โ”œโ”€โ”€ transition-duration
| | โ”œโ”€โ”€ transition-timing-function
| | โ””โ”€โ”€ transition-delay
| โ””โ”€โ”€ animation
| โ”œโ”€โ”€ animation-name
| โ”œโ”€โ”€ animation-duration
| โ”œโ”€โ”€ animation-timing-function
| โ”œโ”€โ”€ animation-delay
| โ”œโ”€โ”€ animation-iteration-count
| โ”œโ”€โ”€ animation-direction
| โ”œโ”€โ”€ animation-fill-mode
| โ””โ”€โ”€ animation-play-state
|
|___ Others
|โ”€โ”€ z-index
|โ”€โ”€ box-sizing
|โ”€โ”€ overflow
| โ”œโ”€โ”€ overflow-x
| โ””โ”€โ”€ overflow-y
|โ”€โ”€ cursor
โ””โ”€โ”€ box-shadow

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

Some good resources to learn CSS๐Ÿ‘‡

1.MDN
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
2.W3Schools
https://w3schools.com/css/
3.freeCodeCamp
https://freecodecamp.org/learn/
4.CSS-Tricks
https://css-tricks.com
5.Flexbox Froggy:
https://flexboxfroggy.com
6.Grid Garden
https://cssgridgarden.com
7. YouTube - EmmersiveLearning

https://www.youtube.com/watch?v=XKNSgDL3xgM

Feel free to add anything I missed๐Ÿ˜Š๐ŸŒฑ๐ŸŒฑ
โค4