Intro to HTML and CSS

About This Course

HTML and CSS are markup languages and the building blocks that make up the web. This course will teach you how to use them, but also much more than that. It is called "Not your Typical Intro..." because it does not follow the usual pattern of other courses and tutorials that you find on the Internet. Usually HTML and CSS is taught with a focus on language syntax. But knowing syntax alone does not enable you to create a webpage from a design. You need to know where to start and how to approach the task, in other words - you need to learn how to think like a front-end developer. In this course you will learn how to convert digital design mockups into static web pages. We will teach you how to approach page layout, how to break down a design mockup into page elements, and how to implement that in HTML and CSS. You will also learn about responsive design techniques, which are increasingly important in a world where mobile devices and TV screens are used more and more often to look for information and entertainment.

Why Take This?

Front-end Web Developers must have a fundamental understanding of HTML and CSS which we’ll accomplish in this course by converting digital design mockups into static web pages. To build the web pages you will use HTML, CSS, and take advantage of the Bootstrap, the popular Twitter framework. After completing this course you will be able to build a responsive portfolio site, with your own CSS framework, with the functionality to add your future projects to it. Most importantly, you will have an understanding of the DOM and how HTML, CSS, and JavaScript all relate to each other. This course's project is part of our Front-End Web Developer Nanodegree.

Prerequisites and Requirements

You should have ability and skills to download and use a text editor for editing your web pages, we recommend Sublime Text or Atom. You can use another text editor if you want, but it should have the ability to highlight code syntax for your own convenience. You should be able to download and install Google Chrome, which is the browser we’ll be exploring developer tools with in this course.
Learn how to convert digital design mockups into static web pages and how to build a responsive portfolio site to showcase your work.