Website Design

Basic HTML and HTML5: freeCodeCamp Responsive Web Design Certification (Complete Code Walkthrough) [Video]

Coding through all of freeCodeCamp’s Responsive Web Design certification — starting with the Basic HTML and HTML5 module.Check out freeCodeCamp’s Responsive Web Design certification: free additional cheat sheets, study guides, and resources for freeCodeCamp and all kinds of other things on my website: https://resources.bytesized.xyz00:00:00 Introduction00:01:19 Introducing the Responsive Web Design Course00:02:10 Get Familiar with The Editor00:02:55 Say Hello to HTML Elements00:04:24 Headline with the h2 Element00:06:21 Inform with the Paragraph Element00:08:39 Fill in the Blank with Placeholder Text00:10:24 Uncomment HTML00:11:35 Comment out HTML00:13:37 Delete HTML Elements00:14:22 Introduction to HTML5 Elements00:17:56 Add Images to Your Website00:21:50 Link to External Pages with Anchor Elements00:24:20 Link to Internal Sections of a Page with Anchor Elements00:28:32 Nest an Anchor Element within a Paragraph00:29:44 Tricks for Indenting Your Code00:31:08 Make Dead Links Using the Hash Symbol00:32:36 Turn an Image into a Link00:34:29 Create a Bulleted Unordered List00:36:40 Create an Ordered List00:39:00 Explaining the Difference Between Unordered and Ordered Lists00:39:33 Create a Text Field00:40:51 Add Placeholder Text to a Text Field00:42:11 Create a Form Element00:44:12 Add a Submit Button to a Form00:45:55 Use HTML5 to Require a Field00:47:16 Create a Set of Radio Buttons00:53:22 Create a Set of Checkboxes00:56:11 Explaining the br Tag00:56:53 It’s okay to copy and paste!00:58:38 Use the value attribute with Radio Buttons and Checkboxes01:03:06 Check Radio Buttons and Checkboxes by Default01:04:46 Nest Many Elements within a Single div Element01:07:12 Declare the Doctype of an HTML Document01:10:44 Define the Head and Body of an HTML Document01:14:24 ConclusionJoin Bytesized’s Discord server: your first serverless function with Cloudflare Workers! Watch my free course to get started:—MY GEAR!CAMERA AND DONE LENS LENS FOR WALKING AROUND CAMERA MIC BEST MIC FOR NARRATION ACTIVATOR (must-have for above mic) INTERFACE are affiliate links – buying any of the gear I use with them will help support the channel. Thanks ♥️—🐦 Follow me on Twitter —💛 BYTESIZED is a weekly newsletter for developers — join 4,000+ developers who read our email every Tuesday to stay in-the-know. Subscribe for free at!


Free Call with Video Marketing Expert

Now is the time to be thinking about your business’s future. Take this opportunity to build a following, get people into your sales funnel and nurture the relationships so they’ll buy from you when they’re ready. If you’d like to see how an Automated Video Curation strategy can work for you, book a free call […]