WebDeveloper Training Program

Course Contents of WebDeveloper Training.

HTML

• Introduction to HTML

• HTML 5

• Structure of HTML Document

• Elements

• Attributes

• Creating a Simple Webpage with title and Headings

• Introduction to commonly used elements

  • Heading
  • Paragraph
  • Image
  • Link
  • Lists

• Block & Inline Elements

• Style

• Formatting

• Tables

• Using Browser tools to inspect page content

• Forms

• Project Demo: LIVE - Text to HTML page (Honeybees)

• Project Demo: DIY - Text to HTML page (Career Options for Software Developers)

• Project Demo: LIVE - Adding Styles to HTML page (Honeybees)

• Project Demo: DIY - Adding Styles to HTML page (Career Options for Software Developers)

• QUIZ HTML

CSS

• CSS Basics
• Rules
• Selectors
• Linking External CSS file
• Cascading and Inheritance
• Project Demo:LIVE - Adding CSS to HTML page (Honeybees)
• Project Demo:DIY - Adding CSS to HTML page (Career Options for Software Developers)
• QUIZ CSS

JavaScript

• What is JavaScript
• Why learn JavaScript

BootStrap

• What is BootStrap
• Add BootStrap to your HTML page
  • Referencing Bootstrap files from CDN
  • Referencing Bootstrap files from local folder
• Typography & Utilities
• Project Demo:LIVE - Creating a Landing page
• CSS Components
• Grid System & Flexbox
• Project Demo : DIY - Creating a Quiz App
• Project Demo : LIVE Social Page

Github

• What is GitHub
• Why you need to know about it

References for Further Learning

• HTML Dog HTML Tags
• Mozilla Developer Network HTML elements reference

Survey Link

Trainee Skills Survey skills

Course Completion Survey