Build an HTML and CSS Website From Scratch Premium class

Jonathan Grover, Developer / Designer / Creative Technologist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
57 Videos (11h 4m)
    • Trailer

      1:03
    • Web Fundamentals

      10:30
    • Getting Started

      2:17
    • Document Structure

      16:35
    • Text Formatting

      24:13
    • Images

      12:37
    • Links

      22:00
    • Validating HTML

      6:29
    • Site Publishing

      14:01
    • Introducing Tables, Forms, & Iframes

      19:27
    • Tables

      10:14
    • Iframes

      4:47
    • Forms

      8:31
    • Introducing HTML5 Media, Semantic Elements, and Metadata

      23:36
    • Video

      11:01
    • Prep for HTML5

      10:40
    • HTML5 Semantic Elements

      13:19
    • Metadata

      4:14
    • Styling the Front-end

      10:05
    • Setting up an External Style Sheet

      4:23
    • Type Selector

      14:28
    • Color Systems

      15:11
    • Font Shorthand

      2:46
    • Web Fonts

      6:36
    • Class Selector

      7:52
    • ID Selector

      8:47
    • Descendant Selector

      6:58
    • Psuedo Selector

      14:54
    • Developer Tools (part 1)

      11:51
    • Element Display

      9:39
    • Box Model

      38:08
    • Box Aesthetics

      17:51
    • Floating

      37:08
    • Prep Layout

      8:26
    • Applying Box Properties

      6:43
    • Styling Tables

      6:44
    • Styling Forms

      6:29
    • Styling Iframe

      1:43
    • Centering Content

      4:30
    • Applying Box Shadow

      3:28
    • Applying Gradients

      4:07
    • Styling the Logo

      3:27
    • Styling Main Sections

      6:32
    • Styling Details Section

      1:45
    • Creating Column Structure

      26:48
    • Developer Tools (part 2)

      6:49
    • Positioning Techniques

      11:01
    • Z-Index Layering

      4:51
    • Sprite Rollovers

      4:51
    • Styling Navigation

      16:17
    • Styling the Social Media Bar

      16:55
    • Responsive Layout Techniques

      12:31
    • Setting Up Local Responsive Testing

      11:47
    • Prep HTML for Responsive Layout

      8:48
    • Applying CSS3 Media Queries

      40:31
    • Adding PHP Mailer Script

      16:16
    • Resets, Grid Systems, & Templates

      10:11

About This Class

This class is perfect for anyone with a great website idea or just an interest in learning how to code. This is a beginner-level class so if you have basic computer literacy and an internet connection, you're all set. Learn at your own pace. 

You'll leave this class with the skills to create your very own stylish, professional, and responsive website.

What You Will Learn

  • HTML and Web Fundamentals. You'll start with text editing basics, headings, images and linking between pages.
  • Tables, Forms, and Iframes. After learning the essentials you'll learn how to add more elements like tables, forms, and Iframes to your pages.
  • HTML5 Elements. You'll add HTML 5 semantic containers, metadata, and media to your pages.
  • CSS Fundamentals. You'll use CSS to create a style sheet that will allow you to fluidly change your pages contents.
  • Building Page Layouts. You'll build with columns and utilize the box model.
  • Positioning and Sprites. You'll use z-index and sprites to creat advanced layout features. 
  • Responsive Layout. You'll create responsive site design that allows your site to alter its style and content positioning based on the size of the device it is being viewed on.

ba250a83

What You'll Make

Spread throughout the course are Code Challenges. Code Challenges are opportunities for you to put what you've learned to practice by coding on your own. A continuous project will be built out of the code challenges adding more to your site project with each challenge.

Handouts and Resources

You will be provided with extensive handouts and suggested reference materials to continue your learning even after the course.

212 of 212 students recommendSee All

Absolute clearly
Awesome class if your new to Html and css or have not used it in a while. He's not like most Teachers that just assume you know he really takes the time to explain the tags and meanings and also your learning to make a practical site while you learn.
The best course I've taken on coding.

7,053

Students

624

Projects

Jonathan Grover

Developer / Designer / Creative Technologist

I'm a web designer & nationally recognized digital artist with over five years of teaching experience in creative programming, interactivity, web development, circuitry & DIY electronics. I received a BFA in Graphic Design from the University of Akron and an MFA in Design & Technology from the San Francisco Art Institute. I've held instructing positions at the San Francisco Art Institute, Pittsburgh Art Institute, 3rd Ward, and General Assembly. Currently, I serve as a faculty member at Flatiron School, a NYC based immersive style web development program. My interests include creating interactive artwork, programming, building things, animals, travel, and scuba diving.

@jongrover