Introduction to Computer Programming and Web Design

For the beginner, starting to learn web development can be daunting. In this course, you learn step-by-step how to use client-side web development techniques to create immersive websites.

DURATION:

3 Months

Description

In this course, you will learn basics of client-side web development by showing you the basics of how to build web pages with HTML, Cascading Style Sheets, JavaScript, and jQuery. This course is set up to be the starting point of learning web development.

Course Content

Course Introduction

  • Course Introduction
  • Installation/Setup of Visual Studio Code

Introduction to Basic HTML

  • Introduction
  • What is HTML?
  • HTML Element, tags, attributes
  • Structure of an HTML Page
  • HTML meta tags
  • HTML Paragraph and headings
  • HTML elements – div, section, main,article,header and footer
  • HTML element – List(ol, ul, li..)
  • HTML Element – Image
  • HTML element – Table
  • HTML element – forms
  • HTML element – video and audio

Styling Your Web Page

  • Introduction
  • styling in HTML
  • Style Sheets
  • Introduction to CSS
  • CSS Selectors (ID, Class, Tag, relative)
  • CSS Font formating
  • CSS Box model and Sizing
  • Positioning in CSS
  • Display in CSS
  • Float in CSS
  • Grid and Flex layout in CSS

Bootstrap

  • Introduction
  • What is Bootstrap
  • Setting up Bootstrap Locally or from a CDN (Content Delivery Network)
  • Bootstrap Classes
  • Bootstrap Navbar
  • Bootstrap Grid System
  • Bootstrap Tables
  • Bootstrap Forms and buttons

Javascript

  • Introduction
  • JavaScript language and syntax
  • Document and Browser Object Models
  • Variables and Data Types
  • Object and Array
  • Conditionals
  • Looping
  • Functions
  • Forms Validation

JQuery

  • Introduction
  • What is JQuery
  • JQuery Basics
  • JQuery UI