Tutorial-BootStrap

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

This site is open source. Improve this page.