Categories
Website Design

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

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

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.xyz

00:00:00 Introduction
00:01:19 Introducing the Responsive Web Design Course
00:02:10 Get Familiar with The Editor
00:02:55 Say Hello to HTML Elements
00:04:24 Headline with the h2 Element
00:06:21 Inform with the Paragraph Element
00:08:39 Fill in the Blank with Placeholder Text
00:10:24 Uncomment HTML
00:11:35 Comment out HTML
00:13:37 Delete HTML Elements
00:14:22 Introduction to HTML5 Elements
00:17:56 Add Images to Your Website
00:21:50 Link to External Pages with Anchor Elements
00:24:20 Link to Internal Sections of a Page with Anchor Elements
00:28:32 Nest an Anchor Element within a Paragraph
00:29:44 Tricks for Indenting Your Code
00:31:08 Make Dead Links Using the Hash Symbol
00:32:36 Turn an Image into a Link
00:34:29 Create a Bulleted Unordered List
00:36:40 Create an Ordered List
00:39:00 Explaining the Difference Between Unordered and Ordered Lists
00:39:33 Create a Text Field
00:40:51 Add Placeholder Text to a Text Field
00:42:11 Create a Form Element
00:44:12 Add a Submit Button to a Form
00:45:55 Use HTML5 to Require a Field
00:47:16 Create a Set of Radio Buttons
00:53:22 Create a Set of Checkboxes
00:56:11 Explaining the br Tag
00:56:53 It’s okay to copy and paste!
00:58:38 Use the value attribute with Radio Buttons and Checkboxes
01:03:06 Check Radio Buttons and Checkboxes by Default
01:04:46 Nest Many Elements within a Single div Element
01:07:12 Declare the Doctype of an HTML Document
01:10:44 Define the Head and Body of an HTML Document
01:14:24 Conclusion

Join Bytesized’s Discord server: https://bytesized.xyz/discord

Deploy 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/PAvvcAI
ONE AND DONE LENS https://geni.us/xKKIX
WIDE LENS FOR WALKING AROUND https://geni.us/rczDv
ON CAMERA MIC https://geni.us/ChI0U

THE BEST MIC FOR NARRATION https://geni.us/hT3zR8c
MIC ACTIVATOR (must-have for above mic) https://geni.us/8ABzGzA
USB INTERFACE https://geni.us/z1MZ

These 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!

Watch/Read More
Categories
Website Design

How to add Link for faster checkout with Stripe [Video]

In this episode, you'll learn how to accept payments with the Link payment method in the US. Link is a reusable payment method with immediate notification. Using Link, you can offer a frictionless checkout experience to every new customer. Customers have Link accounts where they store their billing information (email, addresses, and so on) and payment details (cards, bank accounts, and so on).When a customer visits a new business that accepts Link, they only need to authenticate using an SMS code. Link with Stripe is the new solution that we recommend instead of the legacy "remember me" feature.If you'd like to integrate Link with Stripe and join the private beta, please email link-elements-beta@stripe.com ### PresenterCJ Avilla - Developer Advocate at Stripe - https://twitter.com/cjav_dev### ResourcesDocumentation: https://stripe.com/docs/payments/payment-methods/link/accept-a-payment ### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88