The Web Dev

Hello everyone and welcome to this 12 Hours Web-development Bootcamp. This Bootcamp has been designed specifically to make your coding journey easier and help you start with web-development by learning complete HTML and CSS, along with examples. 


I have also provided Code Sandboxes or GitHub links for each part.

I also have an 23 hours Web development bootcamp on Udemy. Do check it out and purchase through my link - 

https://www.udemy.com/course/the-web-development-bootcamp-2021/?referralCode=DBACC6CF1F658673FC3E

This 12hr Bootcamp is free, so if you enjoy it please do give a big thumbs up and Subscribe!



Content:
00:00:05 Introduction
00:01:40 HTML Basics
01:03:12 CSS Basics

02:39:20 Agency Website
03:42:05 Flexbox 
04:27:01  Pluralsight Login Page Clone
05:23:32 Video Background landing page
05:41:38 CSS Grid
07:13:09 Blur effect landing page
07:48:22 Mobile-First Website
09:14:00 CSS Animation
10:09:19 Frontend Mentors - Challenge 1
11:08:32 Frontend Mentors - Challenge 2



----- Code Links -----

🔥 HTML Codepen: 
https://codepen.io/nabendu82/pen/gOPvROV


🔥 CSS Codepen & Github: 
https://codepen.io/nabendu82/pen/BajGBja
https://github.com/nabendu82/CSS-Basics


🔥 Agency Website: 

https://github.com/nabendu82/Agency-Html


🔥 Flexbox Codepens: 
https://codepen.io/nabendu82/pen/qBbgKQo
https://codepen.io/nabendu82/pen/xxZMJjm


🔥 Pluralsight Login Page Clone: 

https://github.com/nabendu82/PluralSight-HTML


🔥 Video Background landing page
https://github.com/nabendu82/VideoSite-Flexbox


🔥 CSS Grid Codepens: 
https://codepen.io/nabendu82/full/zJddGM
https://codepen.io/nabendu82/full/PdJKjG
https://codepen.io/nabendu82/full/oPoaYj
https://codepen.io/nabendu82/full/BOmGZM
https://codepen.io/nabendu82/full/MqOZjo
https://codepen.io/nabendu82/full/QVaRjM
https://codepen.io/nabendu82/full/Eeorqx
https://codepen.io/nabendu82/full/GXdowP
https://codepen.io/nabendu82/full/qMKBOw


🔥 Blur effect landing page
https://github.com/nabendu82/Blur-Landing


🔥 Mobile-First Website
https://github.com/nabendu82/Mobile-First-CSS-Grid


🔥 CSS Animation
https://github.com/nabendu82/CSSAnimation


🔥 Frontend Mentors - Challenge 1 & 2
https://github.com/nabendu82/Frontend-Mentor-Challenges
-----

🔥Subscribe for more videos like this: https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1

---
👨‍👩‍👧‍👦 Exclusive Facebook Group for developers
https://www.facebook.com/groups/thewebdev4u
---

🙋‍♂️ Connect with me
🚨 LinkedIn - https://www.linkedin.com/in/nabendu-biswas-42aa4522/
🚨 twitter - https://twitter.com/nabendu82
🚨 Facebook - https://www.facebook.com/nabendu.biswas.77
🚨Site - https://thewebdev.tech
🚨 Instagram- https://www.instagram.com/nabendu.codes
🚨 Linktree - https://linktr.ee/nabendu.biswas

12 Hours Web-development Bootcamp 2021!

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills