Categories
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: https://www.freecodecamp.org/learn/responsive-web-design/Get 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: https://bytesized.xyz/discordDeploy your first serverless function with Cloudflare Workers! Watch my free Egghead.io course to get started: https://egghead.io/playlists/introduction-to-cloudflare-workers-5aa3?af=a54gwi—MY GEAR!CAMERA https://geni.us/PAvvcAIONE AND DONE LENS https://geni.us/xKKIXWIDE LENS FOR WALKING AROUND https://geni.us/rczDvON CAMERA MIC https://geni.us/ChI0UTHE BEST MIC FOR NARRATION https://geni.us/hT3zR8cMIC ACTIVATOR (must-have for above mic) https://geni.us/8ABzGzAUSB INTERFACE https://geni.us/z1MZThese are affiliate links – buying any of the gear I use with them will help support the channel. Thanks ♥️—🐦 Follow me on Twitter https://twitter.com/signalnerve —💛 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 https://bytesized.xyz!

Categories
MondoPlayer

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 […]