HTML, CSS and Bootstrap

Overview
Curriculum
Instructor
Reviews

Why HTML, CSS and Bootstrap Training Needed?

HTML truly powers the Internet.
It’s the fundamental technology behind everything you see in a web browser, and it’s used (alongside other tech like JavaScript and CSS) to build everything from simple web pages to complex web applications and services.
Learning HTML and CSS can be used for situations like formatting a blog or email, working with a CMS, embedding external content on your site, and creating usable content.
Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels, etc. It also gives you support for JavaScript plugins.Bootstrap’s responsive CSS adjusts to phones, tablets, and desktops.

Curriculum

23 Sections
105 Lessons
60 Hours

Expand all sectionsCollapse all sections

Introducing HTML
4
- 2.1
  The Importance of HTML
- 2.2
  Basic HTML Syntax
- 2.3
  current state of HTML & Resources
- 2.4
  Choosing a code editor
Basic Page Structure
3
- 3.1
  HTML document and DOCUMENT type declarations
- 3.2
  The document head & body
- 3.3
  content models
Formatting Page Content
8
- 4.1
  Formatting content with HTML
- 4.2
  Formatting paragraphs
- 4.3
  Using headings
- 4.4
  Emphasizing text
- 4.5
  Displaying special characters
- 4.6
  Controlling whitespace
- 4.7
  Display and manage images
- 4.8
  Formatting page content
Content Structuring
7
- 5.1
  value of structure
- 5.2
  Controlling document outlines
- 5.3
  Nav & Article element
- 5.4
  section & Aside element
- 5.5
  Div element
- 5.6
  Challenge: Adding sectioning content
- 5.7
  Solution: Adding sectioning content
Links
6
- 6.1
  Linking to Internal and External page
- 6.2
  Exploring the anchor element
- 6.3
  Linking to downloadable resources
- 6.4
  Linking to page regions
- 6.5
  Challenge: Creating links
- 6.6
  Solution: Creating links
Lists
2
- 7.1
  Unordered & Order Lists
- 7.2
  Creating lists
Controlling Styling
5
- 8.1
  HTML and CSS
- 8.2
  inline styles
- 8.3
  style element
- 8.4
  typography
- 8.5
  Adding color & font style
Basic Scripting
6
- 9.1
  HTML and JavaScript
- 9.2
  script element
- 9.3
  Writing a function
- 9.4
  Using the DOM
- 9.5
  Listening and Responding an event
- 9.6
  Externalizing JavaScript
Introducing CSS
4
- 10.1
  Inline, internal, and external CSS
- 10.2
  Create a CSS file
- 10.3
  current state of HTML & Resources
- 10.4
  Choosing a code editor
CSS Core
4
- 11.1
  Syntax, terminology, and naming conventions
- 11.2
  Type, class, and id selectors
- 11.3
  Selectors: Best practices
- 11.4
  Cascading, inheritance, and specificity
Typography
5
- 12.1
  Web-safe fonts and the font-family property
- 12.2
  Web fonts and Google fonts
- 12.3
  The font-size property
- 12.4
  The font-style and font-weight properties
- 12.5
  The color, line-height, and text properties
Layouts
6
- 13.1
  Block vs. inline display
- 13.2
  The box model
- 13.3
  Margin and page layouts
- 13.4
  padding and spacing
- 13.5
  Floats
- 13.6
  Practicing with columns
Tips and Tools
6
- 14.1
  Browser development tools
- 14.2
  Debugging CSS
- 14.3
  Resetting stylesheets
- 14.4
  Icon fonts
- 14.5
  background property
- 14.6
  Alpha transparency and gradients
Responsive and Mobile
5
- 15.1
  Introduction to responsive design
- 15.2
  Mobile friendly and mobile first
- 15.3
  Creating flexible and fluid layouts
- 15.4
  media queries
- 15.5
  Testing responsive layouts
Introducing Bootstrap
3
- 16.1
  Introduction and installation options
- 16.2
  Creating a basic template using CDNs
- 16.3
  Downloading and installing manually
Bootstrap Grid
6
- 17.1
  Bootstrap containers
- 17.2
  Working with rows and Columns
- 17.3
  Working with rows and Columns
- 17.4
  Resetting and Offsetting columns
- 17.5
  Nesting columns
- 17.6
  Customizing column order with push and pull
Basic Bootstrap CSS Classes
5
- 18.1
  Styling headings and body copy
- 18.2
  Analyzing inline text styles
- 18.3
  Modifying alignment,transformation, and abbreviations
- 18.4
  Using blockquotes
- 18.5
  Styling code
Additional CSS Styles
4
- 19.1
  Bootstrap buttons
- 19.2
  table styles
- 19.3
  image classes
- 19.4
  Understanding Bootstrap helper classes
Bootstrap Forms
6
- 20.1
  Creating a basic forms
- 20.2
  Formatting radio and checkbox controls
- 20.3
  inline forms
- 20.4
  validation styles
- 20.5
  input groups
- 20.6
  Using icons
Navigation Components
3
- 21.1
  Creating a dropdown and button groups
- 21.2
  Understanding the Bootstrap nav component
- 21.3
  breadcrumbs and pagination styles
Media Components
4
- 22.1
  Creating a Jumbotron and page header
- 22.2
  Working with labels and badges
- 22.3
  Adding media styles
- 22.4
  Flowing video with responsive embeds
Content Containers
3
- 23.1
  list groups
- 23.2
  panels
- 23.3
  wells
Project
live project using HTML,CSS and Bootstrap
0

HTML, CSS and Bootstrap

Why HTML, CSS and Bootstrap Training Needed?

Curriculum

Industry Expert Trainer

Modal title