Web Design Crash Course for Backend Web Developers
Steve's teacher
This is a frontend crash course for aspiring backend web developers! We cover essential design topics you need to know as a web developer. This course is also a great course for those who would like to become a web designer, the perfect stepping stones for everyone!
Check out more crash courses here: https://youtube.com/playlist?list=PLYBJzqz8zpWbmPw2E0ywUEuhw6FEwVR0U&si=Prx3nj37Bv2Jola8
Subscribe for more videos! YouTube: https://www.youtube.com/stevesteacher?sub_confirmation=1 Odysee: https://odysee.com/$/invite/@stevesteacher:0
Timestamps: --- HTML --- 00:00:00 - Intro to HTML 00:03:57 - Create Your First Website 00:21:51 - Working with Text 00:33:22 - Headings 00:38:45 - Attributes 00:45:20 - HTML Images 00:53:27 - Links 01:06:01 - Span & Div 01:13:32 - Code Blocks on Websites 01:21:36 - Special Characters 01:27:49 - HTML Lists 01:37:00 - HTML Tables 01:46:12 - Modern HTML Structure 02:00:16 - Classes & IDs 02:06:57 - SVGs 02:14:50 - Forms (Part 1) 02:38:18 - Forms (Part 2) 02:48:03 - Videos & Music 02:56:15 - iFrames 03:01:20 - The Head Tag 03:08:32 - Creating a Blogging Website
--- Bootstrap --- 03:32:10 - Intro to Bootstrap 03:41:41 - The Grid System 03:55:44 - Typography 04:04:09 - Bootstrap Colors 04:12:40 - Floating, Colors & Width/Height 04:17:21 - Margin and Padding 04:20:22 - Bootstrap Tables 04:24:08 - Bootstrap Images 04:29:56 - Alerts 04:36:21 - Buttons 04:47:54 - Badges 04:52:51 - Progress Bars & Loaders 05:01:51 - Pagination 05:07:44 - List Groups 05:12:10 - Cards 05:16:57 - Dropdown 05:27:32 - Navs 05:33:06 - Navbars 05:45:24 - Forms 05:54:55 - Slideshows 06:01:21 - Modal & Toast 06:06:45 - Bootstrap Blogging Website
--- CSS --- 06:28:27 - Intro to CSS 06:33:32 - Selectors 06:46:30 - Colors & Backgrounds 06:56:11 - Borders 07:05:45 - Shadows 07:13:56 - Margin & Padding 07:18:40 - Units 07:24:45 - Width & Height 07:29:16 - Working with Text 07:36:24 - CSS Images 07:42:38 - Pseudo Classes 07:50:02 - Pseudo Elements 07:53:47 - CSS Lists 07:57:43 - CSS Tables 08:04:41 - Inline Elements 08:07:08 - Position 08:14:31 - Float 08:17:58 - Align 08:24:13 - Opacity 08:26:44 - !important 08:29:19 - Gradients 08:42:30 - Transitions 08:49:38 - 2D & 3D Transformations 09:03:35 - Keyframes (Animations) 09:13:56 - Flexbox 09:26:15 - Media Queries 09:32:47 - CSS Blogging Website 10:13:45 - Thank You For Watching
C++ Programming Tutorials: https://youtu.be/2bSuuzMwda8 Lua Programming Tutorials: https://youtu.be/1srFmjt1Ib0 Love2D Game Dev Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWYip5ZkTMQiOkqya9Iiefm9 Become a Web Developer: https://youtube.com/playlist?list=PLYBJzqz8zpWbsmFurxBg2Pm-mlBmJdXbh Python Programming Tutorials: https://www.youtube.com/playlist?list=PLYBJzqz8zpWasL5mTe0t9W2cXrv7rnnsG HTML Tutorials: https://youtu.be/lobFuLWhp0M Bootstrap Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWa98mQdVYW2pfnYYUF9Rw5g CSS Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWZARpwpANgmWj57laL5ORX_ Delphi Programming Tutorials: https://youtu.be/BqmJpFbRY2U Pascal Programming Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWZUDwnt3TNi-8HkrR-B9RJe Linux Tutorials/Videos: https://youtube.com/playlist?list=PLYBJzqz8zpWYnUtUeVahkfIeYNKkLRMfZ How-to videos: https://www.youtube.com/playlist?list=PLYBJzqz8zpWbp2DxyVGUCqxSZaCwDvU3C Godot Game Dev Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWZT3jepx1vY1nwhaC-T8wB2 TKinter Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWZwVkeu2E5Hjw5ImK7SzMe3 Web Scraping/Beautiful Soup Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWYfL1pYs4FG8Ed0Cf3sookG MySQL Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWaBcVuneV9g4zbKsmMCo-rR Japanese Lessons: https://www.youtube.com/playlist?list=PLYBJzqz8zpWYy-iJ0xckeOjCCE2roN9Ww
Group Chats: Weeb Chat: https://t.me/weeb_haven Programmer Haven: https://t.me/programmer_haven
You can contact me on: Email: StevesTeacherYT@gmail.com Discord: https://discord.gg/NGtD9s6
Hey there!!! Wanna help support the channel :D? Ko-Fi: https://ko-fi.com/stevesteacher Patreon: https://www.patreon.com/Stevesteacher Liberapay: https://liberapay.com/stevesteacher/ PayPal: https://www.paypal.com/donate/?hosted_button_id=P9V2M4Q6WYHR8
Any suggestions? Leave it in the comment section or contact me somewhere else!
Odysee Links: Python Programming Tutorials: https://odysee.com/@stevesteacher:0/Python-Tutorials:5?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt C++ Programming Tutorials: https://odysee.com/@stevesteacher:0/Cpp-Tutorials:d?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt HTML Tutorials: https://odysee.com/@stevesteacher:0/HTML-Tutorials:9?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt Tkinter Tutorials: https://odysee.com/@stevesteacher:0/Tkinter-Tutorials:d?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt
Thank you for watching!
#stevesteacher #html #css #bootstrap #html5 #htmltutorial #webdesign #css3 #frontend #crashcourse #course #learncss #learntocode #learn
8149063596 Bytes