24x7 Online Access Multimedia Training

Responsive Web Development in Bootstrap

Learning247
Online

54 
*Prezzo Orientativo
Importo originale in GBP:
£ 48

Informazioni importanti

Tipologia Training
Metodologia Online
Durata Flexible
Inizio Scegli data
Campus online
  • Training
  • Online
  • Durata:
    Flexible
  • Inizio:
    Scegli data
  • Campus online
Descrizione

Responsive Web Development in Bootstrap Online Training Course Introduction
In this Responsive Web Development in Bootstrap training course by Dan Fanella, you'll learn how to create media queries using CSS, and how to manipulate Bootstrap components to make your web pages responsive. The training concludes with the creation of a webpage in which you can apply the skills you have learned.

Informazioni importanti
Sedi

Dove e quando

Inizio Luogo
Scegli data
Online
Inizio Scegli data
Luogo
Online

Cosa impari in questo corso?

Design
Layout
Web
Project
Media
Web Development
Media Queries
Responsive web development
Creating a Responsive Website Layout
Responsiveness Components

Programma

Responsive Web Development in Bootstrap Online Training Course Introduction

In this Responsive Web Development in Bootstrap training course by Dan Fanella, you'll learn how to create media queries using CSS, and how to manipulate Bootstrap components to make your web pages responsive. The training concludes with the creation of a webpage in which you can apply the skills you have learned.

Course Description

In this Responsive Web Development in Bootstrap training course, you will learn how to create websites that respond to the size of the screen from the device that you are using to access the webpage. This is called responsive web design. We will be using HTML 5, CSS, and Bootstrap to create these pages.


Course Details
  • Length of Subscription: 12 Months Online On-Demand Access
  • Running Time: 1.39 Hours
  • Platform: Windows & MAC OS
  • Level: Beginner to Intermediate
  • Project Files: Included

Learn anytime, anywhere, at home or on the go.

Stream your training via the internet, or download to your computer and supported mobile device, including iPad™, iPhone™, iPod™ Touch and most Android devices.


Course Outline

A. Introduction

What you’ll learn in this training
What is responsive design?
What is needed to design responsive websites?
Testing your responsive design in a browser

B. Media Queries

What is a media query?
Media query syntax
Creating media queries for various devices
Media queries in actions
Media query order and other conditions
Controlling text formatting with media queries
Changing layout based on media queries
Creating media queries using Adobe Dreamweaver

C. Responsiveness Components

Declaring the viewport meta tag
Default template overview
Creating responsive grid layout pt. 1
Creating responsive grid layout pt. 2
Changing grid layout based on screen size (desktop to tablet)
Changing grid layout based on screen size (desktop to phone)
Creating responsive column resets
Changing button sizes
Creating responsive images
Setting the visible of property
Setting the hidden on property

D. Creating a Responsive Website Layout

Applying what you learned, project overview
Building the layout pt. 1 – set up
Building the layout pt. 2 – adding Bootstrap components
Building the layout pt. 3 – linking the Bootstrap files
Adjusting for various desktop sizes
Adjusting for tablet sizes
Adjusting for phone sizes pt. 1
Adjusting for phone sizes pt. 2
Adjusting the page for printing
Making the site non-responsive