Web Developer Fundamentals - HTML/CSS/JavaScript Course

In this class, the student will learn the fundamentals of Web development. This course will introduce the student to aspects of HTML, CSS, and JavaScript, the core building blocks of websites. HTML is the core technology markup language of the Internet and is used for structuring and presenting content for the Web. This course will be a prerequisite for the full stack Web Developer course using MEAN stack.

On successful completion of this course, the student would have achieved

  • Strong fundamental knowledge of Hypertext Markup Language (HTML)
  • Good knowledge of Cascading Stylesheet (CSS3)
  • Foundational knowledge of JavaScript

 

The course does not assume any prior knowledge of programming. Motivation, curiosity, and enthusiasm for computer programming is required. The course will take the student from the very basics to intermediate/advanced concepts of the HTML, and CSS. We will then progress to learning how to code responsive web pages that resize themselves automatically based on the size of the user’s screen. Finally, we will get a detailed introduction to powerful language of web interactivity: JavaScript. Using JavaScript, you will be able to add interactivity to web pages that you designed and developed using HTML and CSS.

The course is divided into three parts, each part focusing on a different goal. The first part of the course deals with HTML, the mundane yet very important, the second with CSS to beautify the delivery of webpages. The third part of the course deals with JavaScript. Students will use the knowledge from all three parts to design and develop a website for a non-profit organization of their choice.

The breakdown of sections looks like this:

  1. Part 1 will focus on HTML. We will start with how to setup webpages, add HTML markup tags including text, lists, links, images, tables, forms, video, and other elements.
  2. Part 2 will focus on beautifying the web pages. We start with explanation of how CSS allows styling and layout of web pages. We will learn how to control things like color of text, size of fonts, background colors and images, as well as how to control where elements are positioned on the screen. These are the same techniques that professional web developers use to make websites attractive and pleasing.
  3. Part 3 will introduce the student to the basics of programming with JavaScript. The student will learn how to use JavaScript to make websites more engaging, interactive, and usable. The student will be introduced to the concept of Document Object Model (DOM) and how DOM lets the programmer access and change webpage contents while it is loaded into the browser. Then we will go on to see how events can be used to trigger code. We will introduce jQuery and how it can make the process of writing scripts faster and easier.

 

This course will be very hands-on and will require the student to perform various programming activities. Student will build a website for a non-profit as part of this course. At the culmination of part 3, they would have built a fully functioning website.

Who this course is for:

  • This course is meant for anyone who wants to learn how to build websites from scratch. It starts from the basic concepts, so prior programming or markup experience is not assumed. However, an aptitude for programming will go a long way in being successful in this course. A laptop computer is required for this course. Every class will have hands-on activities.

 

What jobs can you apply for?

  • Junior Web developer
  • User Interface developer
  • Junior frontend developer
  • Email developer
  • Digital Marketing Technologist
  • Web developer
  • Web Intern

 

This class will be the prerequisite class for the more advanced full stack web developer using MEAN stack course.