O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A Beginner's Guide to Web Development

Video Description

Learn the basic building blocks of front-end web development and build your first website!

About This Video

  • Start by building your website and look into the basics of web development such as HTML, HEAD, BODY, and HEADER
  • Learn CSS and key concepts to the course.
  • Learn about JavaScript and concepts such as arrays, loops, functions and much more

In Detail

Welcome to the ultimate Web Developer beginner course. This is your one-stop-shop to learn everything you need to know to get into web development.

We'll take you from absolute beginner to understanding the core fundamentals of web development. By the end of this course, you’ll learn everything you need to know to build amazing looking websites with HTML, CSS, and Javascript.

Table of Contents

  1. Chapter 1 : Getting started with HTML
    1. What is web development 00:03:18
    2. What you can do as a web developer 00:01:48
    3. Where should I start as a beginner_ 00:02:28
    4. Frontend Vs Backend 00:05:40
    5. Installing an IDE 00:05:37
    6. HTML - Building Your First Website 00:12:48
    7. Intro to HTML, HEAD, BODY, and HEADER 00:10:33
    8. HTML - Lists, Paragraphs, and Text Styling 00:07:59
    9. HTML - Displaying Data With Tables 00:07:38
    10. HTML - Images & Forms 00:12:22
    11. WebStorm IDE_ Basic Setup 00:09:53
    12. WebStorm IDE_ Navigating your project 00:04:26
    13. WebStorm IDE_ Performing searches 00:05:43
    14. WebStorm IDE_ Mastering the editor 00:17:37
  2. Chapter 2 : Intro to CSS
    1. What is CSS 00:03:23
    2. How to use Inline, Internal and External CSS 00:08:57
    3. CSS - Element, ID & Class Selectors 00:10:36
    4. CSS Colors 00:14:18
    5. CSS Backgrounds & Borders 00:10:34
    6. Using browser inspector tools 00:13:31
    7. CSS Combinators 00:05:32
    8. CSS Grouping 00:05:32
    9. CSS Specificity 00:15:15
    10. CSS Text Styling & Formatting 00:20:15
    11. Google Fonts 00:08:16
    12. CSS Images 00:09:50
    13. Padding & Margin 00:09:43
    14. CSS Rows & Columns 00:13:06
  3. Chapter 3 : Learning to Code With Javascript
    1. Time to Javascript 00:08:51
    2. Javascript Reference 00:04:21
    3. Comments & How to Link Scripts 00:07:45
    4. Numbers 00:08:03
    5. Variables & Strings 00:12:57
    6. Comparison Operators 00:15:40
    7. Logical Operators 00:15:19
    8. Arrays 00:16:17
    9. Loops 00:14:23
    10. Functions 00:22:20
    11. Objects 00:27:06
    12. Bind 00:08:31
    13. Percentage Calculator - Setting Up the Form 00:07:56
    14. Percentage Calculator - Grabbing Elements With Javascript 00:10:39
    15. Percentage Calculator - Using Event Listeners 00:12:55
    16. Percentage Calculator - Algorithm & Prevent Default 00:08:10