Frontend Web Development (HTML, CSS, JS)

Beginner
5 sections
36 topics
Duration: 10 weeks

N80000

Talk to us

What you'll learn

HTML, CSS, JAVASCRIPT, GIT, GITHUB, BOOTSTRAP and TAILWIND CSS

Course content

  • Setting up the development environment
  • Git and GitHub Basics

  • Intro to HTML
  • HTML Tags
  • Semantic HTML Tags
  • Comments in HTML and CSS
  • Intro to CSS (Internal and External CSS)
  • Selectors and Pseudo Selectors
  • Colors
  • Fonts
  • Box Model
  • Basic Layout
  • Background Images
  • CSS Positions
  • CSS Units
  • Media Queries
  • Project One: Build and Deploy A Personal Profile Website
  • Project Two: Build and Deploy A Google Search Landing Page
  • Project Three: Build and Deploy An E-Business Card
  • Project Four: Build and Deploy A GIF Display Card

  • Intro to JavaScript
  • Variables
  • Numbers
  • Strings
  • Booleans and Conditionals
  • Functions
  • Objects
  • Arrays and Loops
  • Document Object Model
  • Project One: Build and Deploy A Counting App
  • Project Two: Build and Deploy A Blackjack Game App
  • Project Three: Build and Deploy A Chrome Extension App

  • Build and Deploy A Portfolio Website

  • Intro to UI Libraries and Framework (Bootstrap/Tailwind CSS)
  • Capstone Project Refactoring with UI Framework and Deployment
  • CV and LinkedIn Profile Review

Requirements

  • Knowledge of how to use a web browser
  • A laptop and internet access

Description

Frontend Web Development is the aspect of web development that deals with what the user can see and interact with as opposed to the backend where the user cannot see.

This course will introduce the student with little or no coding experience to the fundamental building blocks of the modern web namely HTML, CSS and JavaScript.

For the next ten weeks, the students will learn and solve several coding challenges as well as build over five projects which will be displayed in the final capstone portfolio website project the student will build to showcase to potential employers.

As a bonus, the student will also learn how to properly write a tech CV and setup a LinkedIn profile so as to be better positioned for employment opportunities.

Who this course is for:

This course is for anyone who has very little or no experience with coding and programming