Core Curriculum Details : Practical Web Development

Practical Web Development

Introduction to Web Development is a one-stop course that covers all of the tools you’ll need to create websites. The following technologies will be mastered in this course: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), partial hypertext preprocessor (PHP) and JavaScript (light) as well as getting started with GitHub. This course gives you the skills you need to be a professional web developer.

Prerequisite

None

Lesson Plan

Week 1: Introduction to HTML (Day 1-4)

  • Introduction
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Formatting
  • HTML Fonts
  • HTML Styles
  • HTML Links
  • HTML Images
  • HTML Tables
  • HTML Lists
  • HTML Forms
  • HTML Frames
  • HTML Iframes
  • HTML Colors
  • HTML Colornames
  • HTML Colorvalues
  • HTML Quick List

  • HTML Layout
  • HTML Doctypes
  • HTML Head
  • HTML Meta
  • HTML Scripts
  • HTML Entities
  • HTML URLs
  • HTML URL Encode
  • HTML Media
  • HTML Audio
  • HTML Object
  • HTML Video
  • HTML YouTube
  • HTML Media Tags
  • HTML Summary

  • HTML5 Introduction
  • HTML5 New Elements
  • HTML5 Video
  • HTML5 Video/DOM
  • HTML5 Audio

  • HTML5 Drag and Drop
  • HTML5 Canvas
  • HTML5 SVG
  • HTML5 Canvas vs. SVG
  • HTML5 Geolocation

Week 2: HTML 5 (Day 5-8)

  • HTML5 Web Storage
  • HTML5 App Cache
  • HTML5 Web Workers
  • HTML5 SSE
  • HTML5 Tags

This section will cover CSS free HTML 5 website that includes the most important concepts learned during the 6 days in the two weeks time.

  • CSS Introduction
  • CSS Syntax
  • CSS Id & Class
  • CSS Styling
  • Styling Backgrounds
  • Styling Text
  • Styling Fonts
  • Styling Links
  • Styling Lists
  • Styling Tables

  • CSS Box Model
  • CSS Border
  • CSS Outline
  • CSS Margin
  • CSS Padding
  • CSS Advanced
  • CSS Grouping/Nesting
  • CSS Dimension
  • CSS Display
  • CSS Positioning
  • CSS Floating
  • CSS Align

Week 3: CSS (Day 9-10)

  • CSS Navigation Bar
  • CSS Image Gallery
  • CSS Image Opacity
  • CSS Image Sprites
  • CSS Media Types
  • CSS Summary

This section will include CSS concepts learned on the HTML 5 website built without CSS on day 7.

Week 4: PHP (Day 11)

  • PHP Intro
  • PHP Install
  • PHP Syntax
  • PHP Variables
  • PHP Echo / Print
  • PHP Data Types
  • PHP Strings
  • PHP Constants
  • PHP Operators
  • PHP If...Else...Elseif
  • PHP Switch
  • PHP While Loops
  • PHP For Loops

  • PHP Functions
  • PHP Arrays
  • PHP Sorting Arrays
  • PHP Superglobals

  • PHP Form Handling
  • PHP Form Validation
  • PHP Form Required
  • PHP Form URL/E-mail
  • PHP Form Complete

Week 4: PHP Advanced (Day 13-16)

  • PHP Arrays Multi
  • PHP Date and Time
  • PHP Include
  • PHP File Handling
  • PHP File Open/Read
  • PHP File Create/Write

  • PHP File Upload
  • PHP Cookies
  • PHP Sessions
  • PHP Filters
  • PHP Filters Advanced
  • PHP Error Handling
  • PHP Exception

This section shall incorporate the PHP concepts on top of the site designed using HTML and CSS on day 10 of week three.

  • Core Curriculum