The beginners guide to coding

Name: The beginners guide to coding
Rating: 4.8 (107 reviews)

Break into web development with this 100% beginner friendly course. Absolutely NO experience is required.

Created byKalob Taulien

Last updated 10/2020

English

What you'll learn

How to get started in web development
Which programs to download and install (they are all free)
How websites work behind the scenes
What web browsers do (it's A LOT)
Introduction to HTML/HTML5
What HTML is and why it's important
How to read and write HTML
Create a portfolio webpage as your primary project

Course content

4 sections • 66 lectures • 3h 34m total length

What is web development?1:42
Discover how web development creates responsive websites, using HTML, CSS, JavaScript, and server-side code to handle structure, style, and interactivity.
How to get into web development3:46
What does it take to get into web development?2:14
Web development tools1:47
Install a clean text editor like TVs code to avoid hidden data; use Google Chrome, Mozilla Firefox, Safari, and Microsoft Edge; use the respective command line with internet access.
How websites are created4:16
Frontend vs. backend coding1:23
Explore front end versus back end coding, showing how front end JavaScript and HTML run in the browser and are viewable, while back end handles secure data and database interactions.
Fullstack web development1:26
Working with teams2:05
Collaborate with web development teams using Git and distributed version control. Share, merge, and back up code across time zones using platforms like GitHub, GitLab, and Bitbucket.
Open source1:32
Don't reinvent the wheel2:49
Getting started3:00

Introduction to Understanding Websites1:12
What is a browser?1:18
Understand what a browser is, a program that requests information, renders the page, and handles HTML and JavaScript, and options like Google Chrome, Mozilla Firefox, Apple Safari, and Microsoft Edge.
What does your browser do?1:11
What are web requests?2:41
The request lifecycle0:58
What are server responses?3:20
Interpreting HTML, CSS and JavaScript1:28
Viewing your requests and responses4:39
Your project1:31

HTML 101 Introduction1:11
What is HTML?1:15
Getting setup1:28
Download and install a free cross-platform text editor, available for mac, windows, and linux, then open it to see its layout and color options.
HTML syntax5:24
The base structure4:43
Explore the base structure of a web page by building an HTML5 document with doctype, html, head, and body, and place a title for the page.
Page titles2:24
Paragraphs and headers3:58
Explore HTML basics by creating paragraphs with the p tag and structuring pages with headings from h1 to h6, using opening and closing tags and refreshing to see changes.
Whitespace doesn't matter4:16
Nesting HTML elements5:48
Bold, italics and underline5:21
The div element3:52
Discover that the div element has no special meaning and acts as a block-level container that takes the full width, while contrasting it with inline elements.
Block elements vs. inline elements3:37
Linking to other pages7:26
Opening links in new windows1:23
Adding images6:39
Linking an image to a web page1:53
Horizontal rules2:09
HTML comments2:38
Lists3:08
CSS tags3:18
Script tags3:50
Learn how to add JavaScript to HTML with the script tag, including inline and external files, and why HTML should be learned first before JavaScript.
Sharing code with CodePen3:30
Finding extra support1:56
Your project6:16

Welcome to HTML 2011:50
No more underlines3:04
Discover why the HTML underline tag is deprecated and swap it for a span with inline CSS using text-decoration: underline. Understand the difference between inline and block elements and styles.
Internal links4:02
Master internal links by creating anchor tags with href attributes and unique ids to jump between page top and bottom, test on long pages, and use top and bottom anchors.
Favicons4:39
Add a favicon to your page using a PNG or JPEG with a link tag. Place the image in the same folder as index.html and preview in the browser.
Asset pathing6:27
Introduction to tables2:45
Table rows and cells2:32
Merging table cells and rows4:19
Table and cell widths3:47
Table headers0:51
Explore how to implement table headers using the th element, contrast with table data cells, and see headers appear centered and bold after refresh.
Inline CSS3:39
Learn to apply inline css with the style attribute on a div, setting padding, white text, and a black background. Understand the syntax of declarations separated by semicolons.
HTML classes5:48
HTML ID's3:10
Code formatting3:17
HTML entities3:10
Learn how HTML entities render special characters with ampersand and semicolon. Explore HTML tags as text, showing bold, and using superscript and subscript.
Introduction to forms2:25
Input elements2:14
Textareas2:52
Buttons3:27
Dropdown menus5:28
Embedding videos2:43
Embed videos on a web page using an iframe, set frame border to zero, copy a YouTube embed code, and adjust width and height for proper display.
Your Project10:22

Requirements

You need a desktop or laptop (you cannot code on a phone or tablet).

Description

Welcome to the beginner's guide to coding!

In this course, we're going to explore a lot together. There are three modules (3 mini courses) included in the beginners guide to coding:

Web Development Fundamentals: A beginners guide to coding
Understanding how websites work, a glimpse into the request/response lifecycle
HTML 101: An introduction to web development for complete beginners

First, we'll look at web development fundamentals including common myths about getting into web development, the tools of the trade, getting a coding program installed, and much more.

Then we'll dive into understanding websites and take a look at how websites actually work, what your browser does, and how it all comes together on your computer. We'll look into web requests and server responses as the way computers "talk" to each other.

Lastly, we'll jump into HTML 101 where we'll learn about what HTML is, how it's useful, why we should learn it, and then we'll be writing quite a bit of code.

There are 3 projects — one at the end of each module. This will give you hands-on experience every step of the way.

What separates this course from other courses is this is 100% beginner-friendly, there are no assumptions made about your skill level, and I've designed the curriculum to help you learn properly meaning you won't need to take another HTML course if you don't want to — you'll be completely set up for success as a beginner web developer.

Who this course is for:

People who are interested in learning about web development
People who want to get into web development or coding but don't know where to start

The beginners guide to coding

What you'll learn

Explore related topics

Course content

Web Development Fundamentals11 lectures • 26min

Understanding Websites9 lectures • 18min

HTML 101: The beginners guide to coding24 lectures • 1hr 27min

HTML 201: Intermediate HTML22 lectures • 1hr 23min

Requirements

Description

Who this course is for: