Overview

Overview 

  • Completion Certificate
  • NEW State of the art platform
  • Employment Advice available on completion
  • 12 Months Access

Responsive Web Development in Bootstrap 

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.

Length: 1 hour 39 min

Course Outline

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

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

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

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

Who Is This For

Requirements

Our training works on all devices including Mobile phones, IPad’s, Android tablets, Macs and PC’s.

Media

CareerMatch provides industry leading online training courses for individuals and businesses alike.

We build our curriculum using proven educational concepts and sound instructional design principles to create the highest quality courses in the IT training field.

CareerMatch employs only the industry’s best instructors and course developers to create courses and certification preparation materials unrivaled in the marketplace.

With a passion for technology and a focus on being the first company to bring new technology courses to market, CareerMatch strives and succeeds in ALWAYS providing its student with the tools needed to succeed at the highest possible level and raise the benchmark in today’s IT industry.

Career Path

Training Features

  • EXPERT INSTRUCTOR-LED TRAINING

    Our Courseware uses only the industry’s finest instructors. They have a minimum of 15 years real-world experience and are subject matter experts in their fields. Unlike a live class, you can fast-forward, repeat or rewind all your lectures. This creates a personal learning experience and gives you all the benefit of hands-on training with the flexibility of doing it around your schedule 24/7.

  • QUIZZES & EXAM SIMULATORS

    Our custom practice exams prepare you for your exams differently and more effectively than the traditional exam preps on the market. You will have practice quizzes after each module to ensure you are confident on the topic you have completed before proceeding. This will allow you to gauge your effectiveness before moving to the next module in your course. Our Courses also include practice exams designed to replicate and mirror the environment in the testing centre. These exams are on average 100 questions to ensure you are 100% prepared before taking your certification exam.

  • VISUAL DEMONSTRATIONS & MULTIMEDIA PRESENTATIONS

    Our courseware includes instructor-led demonstrations and visual presentations that allow students to develop their skills based on real world scenarios explained by the instructor. Our Courseware always focuses on real world scenarios and skill-set development.

  • NAVIGATION & CONTROLS

    Our self-paced training programs are designed in a modular fashion to allow you the flexibility to work with expert level instruction anytime 24/7. All courses are arranged in defined sections with navigation controls allowing you to control the pace of your training. This allows students to learn at their own pace around their schedule.

  • 12 MONTHS UNLIMITED ACCESS

    Each student will have 12 months unlimited access to allow you to have access to the training anytime 24/7.

Exams Process

Exam Information

All exams are booked through Prometric (Please use the link below to find your nearest testing centre)

https://www.prometric.com/en-us/for-test-takers/Pages/locate-a-test-center.aspx?Type=locate

Please NOTE: Exams are not included.

£99.00
In stock
SKU
Responsive Web Development in Bootstrap

Overview

Overview 

  • Completion Certificate
  • NEW State of the art platform
  • Employment Advice available on completion
  • 12 Months Access

Responsive Web Development in Bootstrap 

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.

Length: 1 hour 39 min

Course Outline

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

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

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

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

Who Is This For

Requirements

Our training works on all devices including Mobile phones, IPad’s, Android tablets, Macs and PC’s.

Media

CareerMatch provides industry leading online training courses for individuals and businesses alike.

We build our curriculum using proven educational concepts and sound instructional design principles to create the highest quality courses in the IT training field.

CareerMatch employs only the industry’s best instructors and course developers to create courses and certification preparation materials unrivaled in the marketplace.

With a passion for technology and a focus on being the first company to bring new technology courses to market, CareerMatch strives and succeeds in ALWAYS providing its student with the tools needed to succeed at the highest possible level and raise the benchmark in today’s IT industry.

Career Path

Training Features

  • EXPERT INSTRUCTOR-LED TRAINING

    Our Courseware uses only the industry’s finest instructors. They have a minimum of 15 years real-world experience and are subject matter experts in their fields. Unlike a live class, you can fast-forward, repeat or rewind all your lectures. This creates a personal learning experience and gives you all the benefit of hands-on training with the flexibility of doing it around your schedule 24/7.

  • QUIZZES & EXAM SIMULATORS

    Our custom practice exams prepare you for your exams differently and more effectively than the traditional exam preps on the market. You will have practice quizzes after each module to ensure you are confident on the topic you have completed before proceeding. This will allow you to gauge your effectiveness before moving to the next module in your course. Our Courses also include practice exams designed to replicate and mirror the environment in the testing centre. These exams are on average 100 questions to ensure you are 100% prepared before taking your certification exam.

  • VISUAL DEMONSTRATIONS & MULTIMEDIA PRESENTATIONS

    Our courseware includes instructor-led demonstrations and visual presentations that allow students to develop their skills based on real world scenarios explained by the instructor. Our Courseware always focuses on real world scenarios and skill-set development.

  • NAVIGATION & CONTROLS

    Our self-paced training programs are designed in a modular fashion to allow you the flexibility to work with expert level instruction anytime 24/7. All courses are arranged in defined sections with navigation controls allowing you to control the pace of your training. This allows students to learn at their own pace around their schedule.

  • 12 MONTHS UNLIMITED ACCESS

    Each student will have 12 months unlimited access to allow you to have access to the training anytime 24/7.

Exams Process

Exam Information

All exams are booked through Prometric (Please use the link below to find your nearest testing centre)

https://www.prometric.com/en-us/for-test-takers/Pages/locate-a-test-center.aspx?Type=locate

Please NOTE: Exams are not included.

Speak to our training experts today for FREE tailored advice.
(0)203 633 4671