Give your kids a great start in tech. Get your 6 – 16 year old children registered for our 2-weeks practical ICT Classes and benefit from our massive discount this Easter season. REGISTER TODAY!

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 web sites.

DURATION:
3 Months

Address

Any of our training centers   View map

If you’re looking to break into tech, front end development is both a straight ahead and versatile way of getting there. You’ll have a specific base of skills that’ll make you attractive to employers, but one that’s broad enough to let you find an employment opportunity that works for you. Trust me, there’s no shortage of demand for front end development in a variety of jobs and environments.

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
  • Installation/Setup of Visual Studio Code
  • 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
  • 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
  • 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
  • Introduction
  • JavaScript language and syntax
  • Document and Browser Object Models
  • Event-driven programming with JavaScript
  • Variables and Data Types
  • Object and Array
  • Conditionals
  • Looping
  • Functions
  • Forms Validation
  • Introduction
  • What is JQuery
  • JQuery Basics
  • JQuery UI
  • Introduction
  • What is CMS, WordPress
  • Themes and Plugins
  • Widgets
  • Project
×