HTML/CSS Front-End Engineering Course

Build stunning web pages by mastering the basics of front-end development using HTML and CSS!

  • TBD
  • 2 sessions
  • 2.5 hours/session

About this course

This course covers the foundation of front-end development, which includes the latest versions of HTML and CSS.

What is HTML and CSS? HTML is the building blocks of webpages that allow you to put images, text, forms and other kinds of content in a cohesive webpage. On the other hand, CSS is used to style your webpage more specifically. This includes things like font size, font colour, font type, image styling, and more.

This course will also provide hands-on exercises that will help you gain practical knowledge in using modern libraries like Bootstrap, a free collection of tools for creating a website. Bootstrap is an extremely useful tool for those who wish to build their websites more quickly and easily.

Who should join this course:
- someone who wants to get their first front-end development job
- back-end developers who are interested in becoming a full-stack developer
- graphic designers who want to complement their existing design skills
- business owners who want to design a landing page for their businesses


In this course, you will learn:
* The structure of a webpage and its components

* HTML and CSS syntax

* The rules of styling a web page properly

* How to build a site that is responsive to screen size changes

* How to deploy a simple webpage on GitHub Pages

Course Plan

In this lesson, we will give a quick rundown of front-end development is and go through the basics of using HTML and CSS to build a webpage.
In this lesson, HTML will be explored in-depth.

Topics covered:
1. Document Object Model
2. Using HTML elements for layout
3. Using HTML elements for content
4. Styling with tables in HTML
5. Styling using inline and block elements
In this lesson, CSS will be explored in-depth.

Topics covered:
1. Inheritance and specificity
2. Typography
3. Working with images
4. CSS styling
5.Box Model vs Flexbox vs CSS Grid
6. CSS positioning
In this lesson, we will learn what bootstrap is, how it is used to build websites and how we can get started with it.

We will also explore how CSS can be used together with bootstrap.
In this lesson, we will learn what a "responsive web" means and how we can use the device mode in Chrome to see how websites will appear on mobile

We will also be exploring how to use CSS for responsive web development.
In this lesson, we will find out what a static site is, the importance of it and the things involved in setting up one.

We will also be delving into GitHub Pages. Together with the instructor, students will be setting up GitHub Desktop, running diagnostics on a static site and deploying their first page on GitHub Pages.

Lastly, we will take a look at static site generators and Jekyll, another web development tool.



There are no open runs for this course at the moment. If you're interested in taking this course, you may join the waitlist and you will be notified when there are vacancies.

UpCode Academy

Attend coding classes taught by true experts working in the industry. Get practical instructions and interact with these practitioners during the classes.

  • 30 Courses
  • 1,349 Students
  • 30 Instructors

Subscribe to our Newsletter