Sign in to confirm you’re not a bot
This helps protect our community. Learn more

The 2019 Frontend Developer Crash Course - HTML & CSS Tutorial for Beginners

DesignCourse
1.13M subscribers
<__slot-el>
<__slot-el>
748K views 6 years ago
https://skl.sh/designcourse19 - First 500 people to sign up will get their first 2 months free! -- Welcome to this lengthy crash course to Frontend Development here in 2019. This course assumes you have never touched HTML, CSS or JavaScript. Initially, we're going to take 20 minutes to discuss the conceptual elements as it pertains to frontend development, including understanding the terminology and structure of HTML, CSS and some JavaScript. Then, we spend the rest of the course taking the UI design mockup that we created in the UI Design Crash Course (linked below) and make it a reality in the browser by writing HTML and CSS from scratch! By the end of the course, you will: 1. Understand the basics of HTML 2. Understand the basics of CSS 3. Write HTML & CSS to make a static mockup work in the browser. 4. Understand Responsive Web Design 5. ...and much more. If you want to start from the VERY beginning of this entire project, first watch th …...more
...more
These chapters are auto-generated

Intro

0:00

Welcome

1:49

What is Frontend

2:00

Code Editors

2:56

HTML Basics

3:32

Body Element

5:36

HTML Attributes

7:22

Class ID Attributes

8:21

Div Element

9:16

Semantic Elements

9:46

HTML Validation

10:31

HTML Elements

11:20

CSS

12:03

CSS Units

14:40

CSS Absolute Units

15:09

CSS Relative Units

15:38

Animations

17:59

Media Queries

18:52

JavaScript

20:52

Creating a folder

24:10

Writing HTML

26:13

UI Design

34:06

Container Design

35:46

Navigation

40:06

Hide Desktop

42:36

Toggle Device Toolbar

45:36

Scale Device Toolbar

46:06

In Contact

48:49

Header

51:09

Section

52:45

Subhead

54:42
The 2019 Frontend Developer Crash Course - HTML & CSS Tutorial for Beginners
17KLikes
748,740Views
2019Jan 16
https://skl.sh/designcourse19 - First 500 people to sign up will get their first 2 months free! -- Welcome to this lengthy crash course to Frontend Development here in 2019. This course assumes you have never touched HTML, CSS or JavaScript. Initially, we're going to take 20 minutes to discuss the conceptual elements as it pertains to frontend development, including understanding the terminology and structure of HTML, CSS and some JavaScript. Then, we spend the rest of the course taking the UI design mockup that we created in the UI Design Crash Course (linked below) and make it a reality in the browser by writing HTML and CSS from scratch! By the end of the course, you will: 1. Understand the basics of HTML 2. Understand the basics of CSS 3. Write HTML & CSS to make a static mockup work in the browser. 4. Understand Responsive Web Design 5. ...and much more. If you want to start from the VERY beginning of this entire project, first watch these 2 videos where we design the UI using Adobe XD: Step 1. The 2019 UI Design Crash Course for Beginners    • The 2019 UI Design Crash Course for B...   Step 2. Responsive Web Design Tutorial in Adobe XD    • Responsive Web Design Tutorial in Ado...   Step 3: Watch this video! IMAGE ASSETS are located here and the final project: https://s3.amazonaws.com/coursetro/fr... Enjoy the video? Subscribe up, leave a like and a comment!
  • - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS! My site: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter:   / designcoursecom   Join my Discord!   / discord   ^-Chat with me and others
  • - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!

Follow along using the transcript.

DesignCourse

1.13M subscribers
206
LATEST DEV TUTS
by DesignCourse
415
LATEST DESIGN TUTS
by DesignCourse
13
MY COURSES
by DesignCourse