HTML, CSS and Bootstrap

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

The Importance of HTML

Basic HTML Syntax

HTML, CSS and Bootstrap

HTML, CSS and Bootstrap

Curriculum

The Importance of HTML

Modal title