YoVDO

HTML + CSS - HOW TO BUILD A WEBSITE

Offered By: Skillshare

Tags

HTML & CSS Courses Web Development Courses Animation Courses HTML5 Courses CSS3 Courses CSS Selectors Courses

Course Description

Overview

**Take this class for free with Skillshare's 2 months free offer! http://skl.sh/2FUOh3K **

In this class, we will be building a portfolio website from scratch, no previous coding knowledge required! We will start from the very beginning, and walk you step by step through the tools and technologies you need to get started.

What you'll learn: 

  • HTML5 
  • CSS3
  • How to animate elements of your site
  • Mobile responsive development

Students will walk away from this course with a single page portfolio site that they can customise to suit their own personal style and professional needs. 

In building this website, you will gain a foundational knowledge in HTML, CSS and website development, upon which you can continue to build well into the future. 

What we are building: 

A demo site for our class project can be viewed here. Designs can be accessed by downloading the class files in the 'your project' section. 

Useful Links: 

  • Mozilla Developer Network
  • Normalize.css
  • CSS Selectors
  • Media Queries
  • Stack overflow - best place for finding solutions to web development problems
  • Position
  • Display
  • Unsplash.com - high quality, royalty free images 
  • https://icomoon.io/app/ - SVG icons (free and paid)
  • CSS Colors
  • Coolrs.co - great for picking colour schemes! 
  • HTML Validator - paste your broken code here to find out the problem
  • CSS Validator 

Find me online: 

  • Instagram
  • Twitter
  • Linkedin
  • Github

Syllabus

  • Introduction
  • Lesson 1: Getting Started
  • Lesson 2 - Part 1: Navigation
  • Lesson 2 - Part 2: Navigation
  • Lesson 3: Header
  • Lesson 4: Portfolio
  • Lesson 5: About
  • Lesson 6: Contact
  • Lesson 7 - Part 1: Making our site responsive
  • Lesson 7 - Part 2: Making our site responsive
  • We did it!

Taught by

Verity Stothard

Related Courses

Aprenda Javascript sin experiencia previa en programación
Coursera Project Network via Coursera
Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera
Developing Responsive Web Pages Using HTML5 and CSS3
NIIT StackRoute via Coursera
Técnicas de desarrollo web con HTML5 y CSS3
Domestika
HTML and CSS Tutorials
freeCodeCamp