You want to learn coding, right ?
HTML Full Course : https://www.youtube.com/watch?v=kDE31AmaIAM
CSS Full Course : https://www.youtube.com/watch?v=XKNSgDL3xgM
JavaScript Full Course : https://www.youtube.com/watch?v=jF5oxeeuu6E
#HTML #css #javascript #js #webdesign #frontend
HTML Full Course : https://www.youtube.com/watch?v=kDE31AmaIAM
CSS Full Course : https://www.youtube.com/watch?v=XKNSgDL3xgM
JavaScript Full Course : https://www.youtube.com/watch?v=jF5oxeeuu6E
#HTML #css #javascript #js #webdesign #frontend
6 Blogs to Read for Developers ๐๐
1. Hashnode
https://hashnode.com
2. DEV
https://dev.to
3. freeCodeCamp News
https://freecodecamp.org/news/
4. Smashing Magazine
https://smashingmagazine.com
5. CSS-tricks
https://css-tricks.com
6. Codrops
https://tympanus.net/codrops/
1. Hashnode
https://hashnode.com
2. DEV
https://dev.to
3. freeCodeCamp News
https://freecodecamp.org/news/
4. Smashing Magazine
https://smashingmagazine.com
5. CSS-tricks
https://css-tricks.com
6. Codrops
https://tympanus.net/codrops/
Hashnode
Hashnode โ Build blogs and API docs for developers and teams.
Hashnode empowers developers and teams to effortlessly create blogs, API documentation, and developer hubs. Enjoy a lightning-fast, AI-powered platform with customizable workflows, GitHub sync, and easy-to-use MDX editing. Trusted by over 4 million developersโฆ
โค1
12 Sites for FREE HTML/CSS Templates ๐ฅ๐ฅ
๐จ htmlrev .com
๐จ html5up .net
๐จ freehtml5 .co
๐จ free-css .com
๐จ uideck .com
๐จ bootswatch .com
๐จ onepagelove .com
๐จ nicepage .com
๐จ bootstraptaste .com
๐จ bootstrapmade .com
๐จ mashup-template .com
๐จ cruip .com/free-templates
๐จ htmlrev .com
๐จ html5up .net
๐จ freehtml5 .co
๐จ free-css .com
๐จ uideck .com
๐จ bootswatch .com
๐จ onepagelove .com
๐จ nicepage .com
๐จ bootstraptaste .com
๐จ bootstrapmade .com
๐จ mashup-template .com
๐จ cruip .com/free-templates
โค1
Learn HTML + CSS + Javascript
HTML Full Course : https://www.youtube.com/watch?v=kDE31AmaIAM
CSS Full Course : https://www.youtube.com/watch?v=XKNSgDL3xgM
JavaScript Full Course : https://www.youtube.com/watch?v=jF5oxeeuu6E
HTML Full Course : https://www.youtube.com/watch?v=kDE31AmaIAM
CSS Full Course : https://www.youtube.com/watch?v=XKNSgDL3xgM
JavaScript Full Course : https://www.youtube.com/watch?v=jF5oxeeuu6E
โค2
10 sites to boost your frontend development skills:
1. Codier .io
2. Codewell .cc
3. CSSBattle .dev
4. Codewars .com
5. Devchallenges .io
6. Acefrontend .com
7. JavaScript30 .com
8. FrontendMentor .io
9. FrontendPractice .com
10. CodePen .io/challenges
1. Codier .io
2. Codewell .cc
3. CSSBattle .dev
4. Codewars .com
5. Devchallenges .io
6. Acefrontend .com
7. JavaScript30 .com
8. FrontendMentor .io
9. FrontendPractice .com
10. CodePen .io/challenges
แ แแ
แณแแแต แจแตแแ แจ CSS framework แฎแญแต แญแฐแซแแฝแ ?
Anonymous Poll
61%
Bootstrap
39%
TailwindCSS
which variable naming convention you use in your code ?
sample variable : my var name
sample variable : my var name
Anonymous Poll
38%
Camel case : myVarName
19%
Pascal case : MyVarName
38%
Snake case : my_var_name
6%
Kebab case : my-var-name
Web development roadmap (Full-stack):
HTML โ CSS โ Bootstrap/Tailwind CSS โ Git and GitHub โ JavaScript โ Testing โ React/Angular/Vue/Svelte โ NodeJS/Go/Python/PHP โ API โ Database โ Well Paid Job ๐๐
where are you at ?
HTML โ CSS โ Bootstrap/Tailwind CSS โ Git and GitHub โ JavaScript โ Testing โ React/Angular/Vue/Svelte โ NodeJS/Go/Python/PHP โ API โ Database โ Well Paid Job ๐๐
where are you at ?
๐3
๐๐บ๐บ๐ฒ๐ฟ๐๐ถ๐๐ฒ ๐๐ฒ๐ฎ๐ฟ๐ป๐ถ๐ป๐ด
-Full Stack Web Development
-๐พ๐๐ ๐ ๐v | Front End | Backend
-๐บ๐๐๐๐๐๐๐ ๐ ๐๐'๐
- Mobile App Dev
-๐ท๐๐๐๐๐๐๐๐๐๐/coding
- Ai , ๐ฉ๐๐๐๐๐๐๐๐๐, ๐ด๐๐๐๐๐๐๐๐.
resources, tips , advices
https://t.me/EmmersiveLearning
-Full Stack Web Development
-๐พ๐๐ ๐ ๐v | Front End | Backend
-๐บ๐๐๐๐๐๐๐ ๐ ๐๐'๐
- Mobile App Dev
-๐ท๐๐๐๐๐๐๐๐๐๐/coding
- Ai , ๐ฉ๐๐๐๐๐๐๐๐๐, ๐ด๐๐๐๐๐๐๐๐.
resources, tips , advices
https://t.me/EmmersiveLearning
Telegram
Emmersive Learning
Learn Fullstack Development | Coding.
Youtube : https://www.youtube.com/@EmmersiveLearning/?sub_confirmation=1
Contact Admin : @MehammedTeshome
Youtube : https://www.youtube.com/@EmmersiveLearning/?sub_confirmation=1
Contact Admin : @MehammedTeshome
Emmersive Learning
๐๐บ๐บ๐ฒ๐ฟ๐๐ถ๐๐ฒ ๐๐ฒ๐ฎ๐ฟ๐ป๐ถ๐ป๐ด -Full Stack Web Development -๐พ๐๐ ๐
๐v | Front End | Backend -๐บ๐๐๐๐๐๐๐ ๐
๐๐'๐ - Mobile App Dev -๐ท๐๐๐๐๐๐๐๐๐๐/coding - Ai , ๐ฉ๐๐๐๐๐๐๐๐๐, ๐ด๐๐๐๐๐๐๐๐. resources, tips , advices https://t.me/EmmersiveLearning
แ แแแฝแ แผแญ แ แแตแจแ แฐแฐแซแฝ แ แตแญแแ แ แชแ แจแฐแฃแ แจ แแแตแณแญ แฐแจแแแฎแฝ แฎแแแฒ แฅแแแ แญ!
let's build together!..
let's build together!..
๐6๐ฅ2
Web development โ the more you build, the more you learn.
If I were to start learning today, I would break it down into 10 steps:
โข Chapter 1
โ HTML Basics
โ CSS Fundamentals
โ Understanding the DOM
โ Introduction to Responsive Design
โ Building a Simple Web Page
โข Chapter 2
โ CSS Layouts
โ Box Model Mastery
โ Flexbox and Grid
โ Creating Navigation Bars
โ Project: Personal Portfolio Page
โข Chapter 3:
โ JavaScript Essentials
โ Variables and Data Types
โ Conditional Statements
โ Loops and Functions
โ Project: Interactive Calculator
โข Chapter 4
โ DOM Manipulation with JavaScript
โ Event Handling
โ Form Validation
โ Local Storage
โ Project: To-Do List App
โข Chapter 5
โ Responsive Web Design
โ Media Queries
โ Mobile-First Approach
โ CSS Frameworks (e.g., Tailwind)
โ Project: Mobile-Friendly Blog
โข Chapter 6
โ AJAX and API Calls
โ JSON Data Parsing
โ Fetch API
โ Creating Dynamic Content
โ Project: Weather App with API Integration
โข Chapter 7
โ Node.js Fundamentals
โ Express.js Framework
โ Building RESTful APIs
โ CRUD Operations
โ Project: Simple Node.js Server
โข Chapter 8
โ Database Basics (SQL/NoSQL)
โ Connecting Node.js to Databases
โ User Authentication
โ Project: User Registration & Login
โข Chapter 9
โ Frontend Frameworks (e.g., React, Angular, or Vue)
โ Component-Based Development
โ Routing in SPA
โ Building a Single-Page App (SPA)
โ Project: SPA with Framework of Choice
โข Chapter 10
โ Deployment & Hosting
โ Version Control with Git
โ CI/CD Pipelines
โ Security Best Practices
โ Project: Deployed Web App
@EmmersiveLearning
If I were to start learning today, I would break it down into 10 steps:
โข Chapter 1
โ HTML Basics
โ CSS Fundamentals
โ Understanding the DOM
โ Introduction to Responsive Design
โ Building a Simple Web Page
โข Chapter 2
โ CSS Layouts
โ Box Model Mastery
โ Flexbox and Grid
โ Creating Navigation Bars
โ Project: Personal Portfolio Page
โข Chapter 3:
โ JavaScript Essentials
โ Variables and Data Types
โ Conditional Statements
โ Loops and Functions
โ Project: Interactive Calculator
โข Chapter 4
โ DOM Manipulation with JavaScript
โ Event Handling
โ Form Validation
โ Local Storage
โ Project: To-Do List App
โข Chapter 5
โ Responsive Web Design
โ Media Queries
โ Mobile-First Approach
โ CSS Frameworks (e.g., Tailwind)
โ Project: Mobile-Friendly Blog
โข Chapter 6
โ AJAX and API Calls
โ JSON Data Parsing
โ Fetch API
โ Creating Dynamic Content
โ Project: Weather App with API Integration
โข Chapter 7
โ Node.js Fundamentals
โ Express.js Framework
โ Building RESTful APIs
โ CRUD Operations
โ Project: Simple Node.js Server
โข Chapter 8
โ Database Basics (SQL/NoSQL)
โ Connecting Node.js to Databases
โ User Authentication
โ Project: User Registration & Login
โข Chapter 9
โ Frontend Frameworks (e.g., React, Angular, or Vue)
โ Component-Based Development
โ Routing in SPA
โ Building a Single-Page App (SPA)
โ Project: SPA with Framework of Choice
โข Chapter 10
โ Deployment & Hosting
โ Version Control with Git
โ CI/CD Pipelines
โ Security Best Practices
โ Project: Deployed Web App
@EmmersiveLearning
๐4
Software engineering is not :
Html, CSs, React, APIs
What software engineering actually is:
- Agile development
- Automated Testing
- Observability
- Privacy & Security
- Reliability
- Source control
- Code reviews
- Architecture design
- Engineering Feedback
@EmmersiveLearning
Html, CSs, React, APIs
What software engineering actually is:
- Agile development
- Automated Testing
- Observability
- Privacy & Security
- Reliability
- Source control
- Code reviews
- Architecture design
- Engineering Feedback
@EmmersiveLearning
โค2
Programming languages to learn ๐ฏ
๐ฏ Python
๐ฏ TypeScript
๐ฏ JavaScript
๐ฏ Go
๐ฏ Rust
๐ฏ Java
๐ฏ Kotlin
๐ฏ Ruby
๐ฏ PHP
๐ฏ SwiftUI
Whats your favourite?๐๐
๐ฏ Python
๐ฏ TypeScript
๐ฏ JavaScript
๐ฏ Go
๐ฏ Rust
๐ฏ Java
๐ฏ Kotlin
๐ฏ Ruby
๐ฏ PHP
๐ฏ SwiftUI
Whats your favourite?๐๐
13 Websites to get FREE Images โ
๐ผflickr .com
๐ผcanva .com
๐ผpexels .com
๐ผfreepik .com
๐ผpixabay .com
๐ผstocksnap .io
๐ผlifeofpix .com
๐ผunsplash .com
๐ผstockvault .net
๐ผfreeimages .com
๐ผcreate .vista.com
๐ผkaboompics .com
๐ผburst.shopify .com
๐ผflickr .com
๐ผcanva .com
๐ผpexels .com
๐ผfreepik .com
๐ผpixabay .com
๐ผstocksnap .io
๐ผlifeofpix .com
๐ผunsplash .com
๐ผstockvault .net
๐ผfreeimages .com
๐ผcreate .vista.com
๐ผkaboompics .com
๐ผburst.shopify .com
โค1
11 FREE Sites to get 3D Images โ
๐ฅ
๐น figma .com/community
๐น clouddevs .com/3dbay
๐น creativemarket .com
๐น pixelsquid .com
๐น shapefest .com
๐น iconscout. com
๐น rawpixel .com
๐น spline .design
๐น pngtree .com
๐น freepik .com
๐น drawkit .io
๐น figma .com/community
๐น clouddevs .com/3dbay
๐น creativemarket .com
๐น pixelsquid .com
๐น shapefest .com
๐น iconscout. com
๐น rawpixel .com
๐น spline .design
๐น pngtree .com
๐น freepik .com
๐น drawkit .io
What's currently being built with Ai:
AI apps
AI agents
AI services
AI start-ups
AI Templates
AI newsletters
AI automation agencies
Want to learn AI? Build.
AI apps
AI agents
AI services
AI start-ups
AI Templates
AI newsletters
AI automation agencies
Want to learn AI? Build.