CSS GRID

CSS GRID training in London from CSS experts

Upcoming Class
18 Jan 2019
1
Day(s) course
10:00 am - 17:00 pm
400per person
340.00 (when you book any 3 courses *)
This course will take place in 3-4 Kirby Street, London, EC1N 8TS. Find on map
15 %
Discount

when you buy 3 or more courses

The discount will be automatically
applied at the checkout
Looking for a
2-12 months
training?
Choose Web designer (Front-End Developer)
Career Programme

Looking for a 2-12 months training?

Choose

Web designer (Front-End Developer) career programme

Upcoming dates

Date Day(s) Course Session Time Price
18 Jan 2019 1 Fri 10:00 - 17:00 £400 Reserve
01 Feb 2019 1 Fri 10:00 - 17:00 £400 Reserve
16 Feb 2019 1 Sat 10:00 - 17:00 £400 Reserve
18 Jan 2019
Fri
10am - 17pm
1 day(s)
£400.00
01 Feb 2019
Fri
10am - 17pm
1 day(s)
£400.00
16 Feb 2019
Sat
10am - 17pm
1 day(s)
£400.00

Course Outline

CSS GRID course overview

This course explains how to create CSS Grid Layout for web pages from scratch using advanced CSS3 techniques. After completing our CSS GRID courses you would be able to create web pages using CSS grid yourself.

The complete course is hands-on based. A practical CSS GRID project at the end of the course will ensure that you go through grid layout process by planning, creating structure, coding and testing.

This short course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends.


Who is CSS GRID training for?

This course is for you if you are interested in creating website layouts for yourself or for others. This course also helps business owners to get more control and insight into their website layout and structure using CSS grids.


Prerequisites for CSS GRID course


What will I get?

  • Training from professional CSS GRIDers:

    Training Dragon consultants have been implementing professional CSS Grid solutions across a range of websites. Those consultants write and teach our CSS GRID training courses, so their experience directly informs course content.

  • Real-time Practice and Projects:

    Our CSS GRID courses are designed to get you started in website layout. We work on industry related projects in this CSS GRID course. If you have a project or an idea that you wanted to turn into website then present that idea during the course and our trainers will help you to work on your own grid.

  • Course Material:

    CSS grid electronic notes are included in this course.

  • Course Completion Certificate:

    After completing this training you will receive a CSS GRID course completion certificate.

  • Support and Careers Advice:

    After the course if you have any problems or questions regarding CSS GRID, do not hesitate to contact us. Training Dragon’s trainers and career consultants are expert in their fields and if you need any help with you career choice, please speak to one of our career consultants.


CSS GRID Course Contents

Mobile / Responsive Web Design

  • Challenges and problems
  • Different devices, OS, size, orientation etc
  • Optimizing mobile websites performance

New Meta tags for mobile devices

  • viewport, app-capable etc

Use of HTML5 forms in CSS GRID

  • Add e-mail inputs
  • Date pickers
  • Autofocus fields
  • Add a phone number
  • Display a keyboard

The new HTML5 <picture> element

  • Picture and source tag

Use of CSS3 in CSS GRID

  • CSS3 Media Queries
  • Text and background tricks to avoid images

Adding videos and maps  to your mobile web site

  • Adding youtube / HTML5 videos
  • Adding google maps
  • Making videos and maps responsive

Creating a responsive Gallery

  • Use CSS3 to make a responsive gallery

JS for Mobile websites

  • JS libraries
  • optimize JS for mobile devices
  • CSS media queries callbacks with Enquire.JS

Detection

  • Device detection scripts
  • Creating a mobile only version of a site

Testing Mobile Web Sites

  • simulators, emulators, webDev tools
  • testing locally with real devices

Project in CSS GRID Course

Using CSS3 media queries and Responsive Web Design (RWD), we will transform an existing static website into a Responsive one; we will also add new content to have practice with new features.

View Complete Course outline

Daily schedule

The scheme below shows what a typical day at Training Dragon looks like.

10:00 11:30 11:45 13:00 14:00 15:30 15:45
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Lunch
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Video Placeholder

Looking for a
2-12 months
training?

Choose

Web designer (Front-End Developer) career programme

Our Trainers

Emiliano
Emiliano
Leads our teaching team with many years of experience in teaching web development.
Ross
Ross
Brings many years of Python and Java software development experience to classrooms.
Olu
Olu
Microsoft and Oracle certified developer with years teaching experience in Android, .NET and databases.

Latest Reviews

Frequently Asked Questions

How many maximum people are on my course? 

?
To make sure that personal attention is provided to everyone in the class, we keep our classroom size very small. There are maximum 8 delegates in all our classrooms.
More questions?
We are here to answer them