Bite-Sized Responsive Web Design

Course

Online

£ 25 + VAT

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Create beautiful websites from scratch by learning the foundations of responsive web design.  Through this course, you will be shown how to wireframe dynamic webpages that readjust their size and layout automatically depending on the screen size.  Using HTML and CSS, you will develop the strong foundations needed for all areas of frontend web development and gain an important set of skills needed to build your own website projects.

You will learn how to:

Use CSS media queries to adjust layout according to screen size
Resize elements with CSS Flexbox
Build layouts with adjustable columns and rows using CSS Grid
Create a responsive and expandable wireframe layout

Frameworks and tools covered: HTML, CSS

Your Courses, Your Way

All of our project-based courses are designed to be flexible – you can access courses 24/7 to fit them around your schedule, and choose the learning materials that suit you best.

You can even download your course videos and watch them offline using the Zenva app, available on iOS and Android.

Learn from World-Class Instructors

Our course instructors participate in elite developer programs and have been recognized for their demonstrated excellence in development and teaching.

That way, you can be confident that you’re learning the most up-to-date content from industry experts.

Interactive Lessons with Codemurai

Our unlimited access package comes with free access to all of the courses in our mobile app, Codemurai!

Available on iOS and Android, it’s full of interactive programming lessons and exercises so you can continue your learning on the go.

Achieve Real Results

Our community of 1,000,000+ learners and developers have used the skills learned with us to publish their own games and websites, land their dream jobs, and even start their own businesses – and you have the potential to do the same!

Check out what our learners think below:

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

b
Why should I learn programming?
b
What will I achieve by taking these courses?
b
Technology changes quickly. What happens if the content becomes outdated?
b
I’m an absolute beginner who’s never coded before. Can I still do these courses?
b
What time commitment is needed?
b
Will these courses help me to change my career?
b
Can I watch the videos offline?

Basic to intermediate HTML skills
Basic CSS skills

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 2 years

Subjects

  • Access
  • HTML
  • Design
  • Layout
  • Web
  • Media

Course programme

Intro to Bite-Sized Courses


Intro to Bite-Sized Courses



Introduction 1:54


Introduction 1:54



1:54

Getting Started with Brackets 2:58


Getting Started with Brackets 2:58



2:58

Brackets Tips For Working Faster 2:58


Brackets Tips For Working Faster 2:58



2:58

Reviewing the Fundamentals 2:58


Reviewing the Fundamentals 2:58



2:58

Understanding How Media Queries Work 2:58


Understanding How Media Queries Work 2:58



2:58

Creating Media Query Breakpoints 2:58


Creating Media Query Breakpoints 2:58



2:58

Adding Visual Cues to Media Query Breakpoints 2:54


Adding Visual Cues to Media Query Breakpoints 2:54



2:54

Building a Rapid Response Web Layout - Part 1 2:58


Building a Rapid Response Web Layout - Part 1 2:58



2:58

Building a Rapid Response Web Layout - Part 2 2:58


Building a Rapid Response Web Layout - Part 2 2:58



2:58

Understanding What Flexbox Is 2:40


Understanding What Flexbox Is 2:40



2:40

Setting Up a Flex Container 2:58


Setting Up a Flex Container 2:58



2:58

Building Page Structure with Flexbox - Part 1 2:53


Building Page Structure with Flexbox - Part 1 2:53



2:53

Building Page Structure with Flexbox - Part 2 2:58


Building Page Structure with Flexbox - Part 2 2:58



2:58

Understanding CSS Grids 2:00


Understanding CSS Grids 2:00



2:00

Setting Up a Basic Grid 2:39


Setting Up a Basic Grid 2:39



2:39

Establishing Grid Rows And Columns 2:47


Establishing Grid Rows And Columns 2:47



2:47

Different Approaches to Column Widths 2:57


Different Approaches to Column Widths 2:57



2:57

Setting Grid Rows 1:47


Setting Grid Rows 1:47



1:47

Conclusion 0:29


Conclusion 0:29



0:29

Additional information

On-demand, 24/7 access 0.8 hours of video Certificate of completion Source code and PDF notes Closed captions

Bite-Sized Responsive Web Design

£ 25 + VAT