Mobile Web Design

Mobile Website Design training in London from mobile web designers

Upcoming Class
14 Feb 2018
1
Day(s) course
10:00 am - 17:00 pm
450per person
382.50 (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
Career Programme

Looking for a 2-12 months training?

Choose

Web designer career programme

Upcoming dates

Date Day(s) Course Session Time Price
14 Feb 2018 1 Wed 10:00 - 17:00 £450 Reserve
07 Jan 2020 1 Tue 10:00 - 17:00 £450 Reserve
14 Feb 2018
Wed
10am - 17pm
1 day(s)
£450.00
07 Jan 2020
Tue
10am - 17pm
1 day(s)
£450.00

Course Outline

Mobile Web Design course overview

This course explains how to create mobile web pages from scratch using different techniques, such as HTML5, CSS3 and Javascript. After completing our mobile web design courses you would be able to create HTML websites yourself.

The complete course is hands-on based. A practical mobile web design project at the end of the course will ensure that you go through mobile website creation process by planning, creating structure, coding, using different mobile web design software, buying you mobile website a domain name, hosting and uploading mobile website to a live server.

This short mobile 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 Mobile Web Design training for?

This course is for you if you are interested in creating or maintaining mobile website for yourself or for others. This course also helps business owners to get more control and insight into their mobile website.


Prerequisites for Mobile Web Design course


What will I get?

  • Training from professional mobile web designers:

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

  • Real-time Practice and Projects:

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

  • Course Material:

    Mobile electronic notes are included in this course.

  • Course Completion Certificate:

    After completing this training you will receive a mobile web design course completion certificate.

  • Support and Careers Advice:

    After the course if you have any problems or questions regarding mobile web design, 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.


Mobile Web Design 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 Mobile web design

  • 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 Mobile web design

  • 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 Mobile web design 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 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.

Frequently Asked Questions

Have a question?
We are here to answer them