Featured

11 Front-end Projects - HTML, CSS, JavaScript



Published
Welcome to 11 Front-end Projects with HTML, CSS and JavaScript. I cover a few fundamentals of HTML, CSS and JavaScript but don't get too deep into them. If you're getting started or you want to learn how to integrate what you have already learned and you want to build your own projects, then this 9 hour course is for you. Please like the video and subscribe to the channel if you're not already :)

Subscribe here: https://bit.ly/3qsAsNC

Useful Links
1. GitHub Repo: https://github.com/sankthomas/htmlcssyt
2. Gumroad Profile - https://tsbsankara.gumroad.com
3. Udemy HTML, CSS Course - https://www.udemy.com/course/tsbdesigns-web-development-course/?referralCode=D08F51BE55464BCB9151
3. CDN - https://cdnjs.com
4. Trailing comma - https://stackoverflow.com/questions/45812160/unexpected-comma-using-map
5. Quotable API Repository - https://github.com/lukePeavey/quotable
6. Quotable API - https://api.quotable.io/random?tags=technology
7. FontAwesome - https://fontawesome.com
8. My Patreon - https://patreon.com/tsbsankara
9. My Twitter: https://twitter.com/tsbsankara
10. Donate? - https://streamlabs.com/tsbsankara1
12. My Newsletter: https://tsbsankara.netlify.app/newsletter

I have a HTML and CSS Course on Udemy. You can get it using the link below:
https://www.udemy.com/course/tsbdesigns-web-development-course/?referralCode=D08F51BE55464BCB9151

Or use the Coupon Code: JULY2022 to get 35% off your purchase

Timestamps:
00:00 - Intro
01:45 - What we need
03:07 - Project Structure Setup
04:00 - My VSCode Extensions
10:31 - My VSCode Settings
12:25 - HTML Fundamentals
15:04 - Default HTML Template
17:28 - Meta and Open Graph Tags
23:38 - Rules of HTML
26:27 - Adding styles to HTML documents
33:16 - CSS Specificity
38:05 - Adding JavaScript to HTML
41:40 - Doing fun things with HTML and CSS
44:26 - Working with Images
47:12 - Transitioning to CSS
47:27 - Accessing HTML elements in CSS
49:00 - More on CSS Specificity
55:48 - CSS Units
01:07:17 - Semantic HTML tags
01:14:42 - Transitioning to JavaScript - Toggleable navbar
01:37:38 - Project One - Profile Card Component
02:24:25 - Project Two - Sign Up Form
03:33:03 - Project Three - Modal
04:01:16 - Project Four - Accordion
04:31:52 - Project Five - Restaurant Website
05:19:43 - Project Six - Portfolio Website
06:14:06 - Project Seven - Image Gallery with Unsplash API
06:41:19 - Project Eight - Admin Dashboard Portal
07:17:48 - Project Nine - Fullscreen Background Image
07:32:05 - Project Ten - Google Homepage Clone
08:38:08 - Project Eleven - Techie Website
09:38:45 - Conclusion

Follow me on Twitch for livestreams and AMA sessions: https://twitch.tv/tsbsankara
Follow me on Twitter: https://twitter.com/TSBSankara
Follow me on Instagram: https://instagram.com/tsbsankara
Subscribe to my YouTube channel: https://bit.ly/3qsAsNC

Support the channel: https://streamlabs.com/tsbsankara1/tip
Category
Web design
Be the first to comment