Free resources for your projects:
~ Hosting
http://netlify.com
~ HTML templates
http://htmlrev.com
~ Icons
http://lineicons.com
~ Fonts
http://fonts.google.com
~ Illustrations
http://undraw.co
~ Photos
http://unsplash.com
~ Videos
http://dareful.com
~ Color Palettes
http://colorhub.app
~ UI components
http://flowbite.com
~ Animations
http://xsgames.co/animatiss
~ Charts
http://chartjs.org
~ UI Garage
http://uigarage.net
~ Remote jobs
http://workremote.cc
~ SEO site check-up
http://seotest.me
~ Code Tools
http://freecodetools.org
~ Hosting
http://netlify.com
~ HTML templates
http://htmlrev.com
~ Icons
http://lineicons.com
~ Fonts
http://fonts.google.com
~ Illustrations
http://undraw.co
~ Photos
http://unsplash.com
~ Videos
http://dareful.com
~ Color Palettes
http://colorhub.app
~ UI components
http://flowbite.com
~ Animations
http://xsgames.co/animatiss
~ Charts
http://chartjs.org
~ UI Garage
http://uigarage.net
~ Remote jobs
http://workremote.cc
~ SEO site check-up
http://seotest.me
~ Code Tools
http://freecodetools.org
Netlify
Push your ideas to the web | Netlify
Build with AI or code, deploy instantly. One platform with everything you need to make real apps live.
โค2๐1
๐จโ๐ป 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? ๐
๐งโโ๏ธ 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
Master Web Development For FREE๐๐ป
1. UI/UX โฉ http://learnux.io
2. HTML โฉ https://w3schools.com
3. CSS โฉ https://web.dev/learn/css/
4. JavaScript โฉ http://Javascript.info
5. Git & GitHub โฉ https://gitimmersion.com
6. React โฉ http://react.dev
7. APIs โฉ http://rapidapi.com
8. SQL โฉ http://sqlbolt.com
9. Data Structures โฉ https://csvistool.com
10. Interview โฉ http://interviewbit.com
1. UI/UX โฉ http://learnux.io
2. HTML โฉ https://w3schools.com
3. CSS โฉ https://web.dev/learn/css/
4. JavaScript โฉ http://Javascript.info
5. Git & GitHub โฉ https://gitimmersion.com
6. React โฉ http://react.dev
7. APIs โฉ http://rapidapi.com
8. SQL โฉ http://sqlbolt.com
9. Data Structures โฉ https://csvistool.com
10. Interview โฉ http://interviewbit.com
W3Schools
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
๐1
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
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
YouTube
HTML Full Course in #Amharic: แจ HTML แแ แฎแญแต แจแแแแชแซ แฅแตแจ แ แตแซแแตแต (Complete Beginner to Advanced)
Welcome to the Complete HTML Full Course in Amharic! ๐ This course is perfect for anyone who wants to learn web development from scratch. HTML (HyperText Markup Language) is the foundation of every website, and this course will guide you step by step in yourโฆ
๐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
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
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.
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.
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
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/
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. ๐๐๐
โ 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
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
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 ? ๐
๐ 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? ๐
๐ง 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! ๐
- 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๐๐ฑ๐ฑ
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
Emmersive Learning
Best way to master CSS,๐ฅ The CSS tree ๐ | |โโ Text Styles | |โโ color | |โโ font | | โโโ font-family | | โโโ font-size | | โโโ font-weight | |โโ text-align | |โโ text-decoration | | โฆ
YouTube
CSS Full Course in #Amharic: แจ CSS แแ แฎแญแต แจแแแแชแซ แฅแตแจ แแจแจแป (Complete Beginner to Advanced)
Welcome to the Complete CSS Full Course in Amharic! ๐จ In this course, you will learn how to style websites and make them visually stunning. CSS (Cascading Style Sheets) is a crucial skill for web development, and this course will help you master it step byโฆ
โค3