Objectives
Requirements
Course Outline
The Introduction to Web Development is designed to give students their first exposure to 2 foundational web development languages: HTML and CSS. It is meant for students who have never learned a programming language before or want to broaden their skillset. HTML and CSS serve as the backbone of creating artistic and functional websites.

This course will serve as a foundation upon which students can build the rest of their web development knowledge. It will cover the basic principles of web development and force the students to begin to think like web developers. The Introduction to Web Development course gives students exposure to building static websites. With the information learned in this course, students will be able to: create their own website layouts, add styling to their websites to make them look visually appealing, and add multimedia to their websites such as images, video, and audio. Future courses will introduce more sophisticated ways to develop websites, but the concepts required to understand those ways will be covered in this course.

The self paced nature of the course is what allows the students to truly learn the material. The instructors will go the extra mile to ensure that students truly understand what is being taught, and understand it well enough to apply the information to solving problems on their own. We do not spoon feed code to our students and make them memorize how to program a small sample of projects. Instead, we introduce concepts, provide challenges, and force the students to think through and come up with their own solutions. This is the process that we have seen work on hundreds of students, and it is the process we believe in.

We guarantee that by the end of this course, you will pick up a new skill that is both enjoyable and marketable.
This course is a beginner level course and so, it does not require any prior experience in web development. Since this course is administered online, a computer with a good internet connection is required.

  • 1. Introduction - Install the Web Development IDE and create your first web page.

  • 2. Tags - Understand the common tags used to setup a website.

  • 3. Layout - Build the basic structure of a website.

  • 4. Multimedia - Add your favorite pictures, videos, or songs to your website.

  • 5. Links - Make your program link to other pages or websites.

  • 6. Inline Styling - Add simple styling to your website.

  • 7. CSS Introduction - Use CSS to style your website.

  • 8. CSS Properties - Include advanced styling to your website.

  • 9. CSS Classes - Add more styles to your website while keeping the code readable.

  • 10. CSS Grid and Flexbox - Use advanced layout methods to make your website look cleaner.