background icon lightBulbbackground icon graphbackground icon targetbackground icon socialPlain
background icon cloudbackground icon paperPlane
background icon magicWandbackground icon shakeHandsbackground icon paperPlaneTrailbackground icon laptop

Join our bootcamp for Mobile Web Specialist

In this 5-day training you will learn the ins and outs of building a performant mobile-first website.

10 - 14 February 2020 | Utrecht

Benefits of our program

Get ready for your Google certification

All the content in this course is set up to get you ready for your Google Mobile Web Specialist certification.

Hands-on knowledge sharing in a real-life context

We will use the e-commerce context of one of our customers to give you enterprise-level experience .

Intimate classroom setting for individual attention

We work in small classes, so we are able to give you personal attention and feedback.

Alumni community to help you grow in the future

You can join our community of JS experts and bootcamp alumni to keep sharing knowledge in the future.
background icon paperPlanebackground icon casebackground icon rocket
background icon targetbackground icon paperPlaneTrailbackground icon magicWandbackground icon socialbackground icon socialEngineeringbackground icon laptop
background icon graphbackground icon coinsbackground icon checkbackground icon magnifier
background icon magnifier
background icon paperPlaneTrailbackground icon list
background icon lightBulb

What you’ll learn

  • Understanding of the latest front-end technologies like PWA
  • Optimizing your website for your large number of mobile users
  • Improving the UX of your mobile website to improve bounce rates and time spent
  • Boosting your website’s conversion rate on mobile devices

Course content

Curriculum

30h of lessons, 10h of practice => 6 + 2 hours format each day

  • Day 1: Well tested apps with latest JavaScript features
    • ES2015 Concepts and Syntax
    • Testing and Debugging
    • Project
  • Day 2: Accessible and Responsive Web Apps
    • Basic Website Layout and Styling
    • Accessibility
    • Project
  • Day 3: Offline Capable Web Apps
    • Front-end Networking
    • Caching
    • Project
  • Day 4: Performant Web Apps
    • Performance Optimization
    • Mobile Web Forms
    • Project
  • Day 5: Progressive Web Apps
    • Project

Day 1 - Well tested apps with latest JavaScript features

ES2015 Concepts and Syntax

  • JavaScript promises with ES2015 syntax that create asynchronous functions and incorporate graceful error handling
  • Variables that can be used with block scope, function scope, and made immutable depending on context using let, var, and const
  • String literals that include string interpolation and multi-line strings
  • Arrow functions that create anonymous functions and use an unbounded this
  • Default function parameters that initialize default values for a function when no argument or undefined is provided
  • for…of loops that can iterate over any iterable object while running a custom function on each
  • Maps that allow for arbitrary key and value pairs that are iterable and include non-string keys
  • Sets that contain only unique, iterable elements where an array would degrade performance

Testing and Debugging

  • Writing unit tests that first verify a function’s intended behavior, and then iteratively modifying its code until it passes those tests
  • Setting breakpoints within a complicated function to determine exactly where it deviates from expected behavior
  • Using console logs to output relevant debugging information
  • Reproducing and fixing bugs based on user reported issues

Project

In this project, you’ll refactor an existing app with a legacy code and bring up some of the latest features of EcmaScript into your app. While refactoring, you’ll make sure tests are green and you also will be able to add further test.

Day 2 - Accessible and Responsive Web Apps

Basic Website Layout and Styling

  • DOM elements that are accessed and manipulated using only JavaScript without the overhead of libraries or frameworks (such as jQuery)
  • Appropriate document type declaration and viewport tags ()
  • A responsive grid-based layout using CSS
  • Media queries that provide fluid breakpoints across different screen sizes
  • Multimedia tags to display video or play audio
  • Responsive images that adjust for the dimensions and resolution of any mobile device
  • Touch and mouse events that contain large hit targets on the front end and work regardless of platform

Accessibility

  • Using a logical tab order for tabbed navigation
  • Using skip navigation links to bypass navbars and asides
  • Avoiding hidden content on the page that impedes tab navigation
  • Using heading tags that provide a logical page structure
  • Using text alternatives to visual content, such as alt, label, aria-label, and aria-labelledby
  • Applying color contrast to all elements and following accessibility best practices
  • Sending timely alerts for urgent messages using aria-live
  • Using semantic markup to keep content and presentation separate when appropriate

Project

In this project, you’ll build an app that meets accessibility standards and provides a responsive user experience. You will take a static design that lacks accessibility, and convert the design to be responsive on different sized displays and accessible for screen reader use.

Day 3 - Offline Capable Web Apps

Front-end Networking

  • Requesting data using fetch()
  • Checking response status, then parsing the data into usable format
  • Rendering response data to a page
  • Configuring POST requests to a database with method and body parameters
  • Using correctly configured cross-origin resource sharing protocol (CORS) fetch requests, depending on the server’s response headers
  • Handling fetch( ) request errors with promise chaining
  • Diagnosing network issues using debugging and development tools

Caching

  • Prefetching files that load when resources are available, reducing the time to meaningful interaction
  • Providing client storage that is appropriate to a web application’s data persistence needs, including:
    • Session state management
    • Asset caching based on their impact on load time and offline functionality
    • Using IndexedDB to store dynamic content in offline mode

Project

Build off of your existing Restaurant Reviews app to create a dynamic app that communicates with a backend server and handles asynchronous requests. In this stage, you will advance the application to meet performance standards.

Day 4 - Performant Web Apps

Performance Optimization

  • Preventing main thread blocking with a dedicated web worker
  • Providing an optimized critical rendering path using:
    • Compressed or minified JavaScript, HTML and CSS files to reduce render blocking
    • Inline CSS for essential styles on a specific page, with asynchronous loading for additional styles as necessary
    • Inline JavaScript files for initial rendering only where necessary (or otherwise eliminated, deferred, or marked as async)
    • Ordered loading of remaining critical resources and early download of all critical assets to shorten the critical path length
    • Reduced DOM depth to minimize browser layout/reflow
    • Your browser’s developer tools to diagnose performance issues on mobile devices

Mobile Web Forms

  • Appropriate label tags associated with inputs
  • Inputs with appropriate type, name and autocomplete attributes
  • Inputs with large touch targets for mobile forms
  • Suggestions for user input using the datalist element
  • Front-end validation of inputs (e.g., pattern, maxlength, required) and DOM elements, including:
    • Checking validation errors in real-time with pseudo-classes on inputs
    • Form validation prior to submission (Constraint Validation API)

Project

In this step, you will implement login and review submission logic on the client side, by properly validating forms and form inputs. You will optimize your web app performance through rendering optimizations, preventing main thread blocking and more.

Day 5 - Progressive Web Apps

PWAs

  • Creating a web app that is available offline, and that caches elements by routing requests through a service worker
  • Storing the default display orientation, theme color, display icon (add to home screen), and splash screen in the web application manifest (or using meta tags)
  • Separating critical application functionality and UI into an application shell that can be loaded independently from the content

Project

In the final stage of the Restaurant Reviews App project, add search capability to the database so that users can store and look at reviews, and leverage offline capabilities so that users will be able write a review offline or mark a review or restaurant as a favorite while offline, defer it, and have it sent to the server when it’s back online.

background icon cloud
background icon socialPlain

Expert teaching team

Önder Ceylan portrait

Önder Ceylan

Önder is JavaScript Tech Lead at LINKIT and a Google Developers Expert in Web Technologies. He's passionate about web performance, automation and latest web technologies like PWAs

Andre Teixeira portrait

Andre Teixeira

Andre is skilled in building responsive and cross-browser applications, implementing interactive interfaces and designing application architecture for companies like Bookspot

Ilker Altin portrait

Ilker Altin

Ilker is still as passionate about developing as when he made his first website in 1998. He now mostly works on mid to large scale web and mobile projects with JS, React, React Native and Node.js

Mauricio Araldi portrait

Mauricio Araldi

Mauricio always worked at the web development area, first in Brazil and now in the Netherlands. He has a strong focus on new technologies and mobile devices

background icon graphbackground icon paperPlaneTrailbackground icon paperPlaneTrail
background icon target
background icon checkbackground icon magnifier

Secure your spot now!

Thank you for your interest in LINKIT’s Mobile Web Specialist Bootcamp! By registering below, you commit to joining.

Hope to see you there!

10 - 14 February 2020 | LINKIT HQ in Utrecht, NL | € 2.500,- ex VAT
background icon paperPlanebackground icon academicCapbackground icon rocket
background icon socialbackground icon socialEngineering
background icon graphbackground icon coinsbackground icon magnifier

Bootcamp details

Why should I enrol?

Today most of the online traffic comes from mobile devices. Being able to build mobile-friendly, responsive, performant websites is therefore more important than ever to increase the usage and thereby conversion of your website. This course is valuable for your employer because you will learn to bring value to your mobile userbase. As a developer this course gives you the handlebars to get ready for your Google Mobile Web Specialist certification, thereby differentiating yourself from your peers.

What are the prerequisites for enrolling?

This bootcamp is designed to be in line with the Google Mobile Web Specialist certification which is aimed to test the skills required of a mobile web developer with 3 to 4 years of front-end web development experience.

What is included in the bootcamp cost?

Within the €2.500,- is included

  • Five-day trainings by highly experienced JavaScript Engineer
  • Lunch, coffee and facilities during the training week
  • Access to an Alumni community with experienced Frontend Engineers after the bootcamp

The Mobile Web Specialist exam as well as travel and accommodation expenses are not included in the cost of this bootcamp.

Convince your boss template

Are you excited to join, but do you feel like your manager needs a little bit more persuasion? We have prepared a template e-mail to help you explain the benefits of this course.


Hello [insert boss name],

I would like your support in attending the Mobile Web Specialist Bootcamp on 10 – 14 February 2020, an Expert JavaScript training, focused on developing mobile optimized websites.

In this five-day training I will learn to improve myself on the latest front-end practices like PWA, ES2015 concepts and syntaxes, testing and debugging, accessibility, mobile web forms and offline capable web apps.

This bootcamp will help me:

  • Optimize websites for our large number of mobile users
  • Improving the UX of our mobile website to improve bounce rates and time spent
  • Boosting our website’s conversion rate on mobile devices

The bootcamp is a mix between theoretical and practical lessons, focussing on a real-life project. This makes it directly applicable to my daily work.

By improving my skills in developing performant and accessible mobile websites, I can contribute even more to our business and provide real return on investment. Additionally, it will prepare me ready for my Google Certification for Mobile Web Specialist.

Costs
Ticket€ 2.500,- (ex. VAT)
Airfare and transportation[Insert cost]
Hotel[Insert cost]
Meals[Insert cost]
Total event costs[Insert cost]

With your permission, I’d like to book my ticket before they sell out. If I bring a colleague, there is a 10% discount available.

For more information you can visit the website here: https://mobilewebcourse.linkit.nl/

Thank you,

[name]

Where does the bootcamp take place?

This Mobile Web Specialist Bootcamp will take place at the LINKIT office: Rijnzathe 9, De Meern, Utrecht, the Netherlands. LINKIT and its Frontend Engineering team is also responsible for the development and execution of this bootcamp.

What do I need to bring?

We require you to bring your own laptop and adapter.

Hardware requirements:

  • 4 GB RAM and 2 GHz dual core processor
  • Minimum 1280 x 768 resolution

Browser requirements:

  • Chrome 60 or Firefox 55
  • Must accept cookies, allow geolocation, and disable ad blockers for the duration of the exam

Language

All trainings and materials will be given and made available in English.

Price and billing

The Mobile Web Specialist bootcamp costs €2.500,- excluding VAT. The full amount will be invoiced upfront. If invoices are not paid before start of the bootcamp we can deny access to the trainings.

Registration and cancelation

Registration for this bootcamp happens via the form above and is binding after receiving a confirmation by LINKIT.

We reserve the right to cancel the bootcamp or change the moment or location of the bootcamp if the number of registrations gives cause for doing so.

Traveling from abroad

We welcome people from all nationalities to join the bootcamp, therefore all courses and materials will be provided in English.

If you're visiting the Netherlands for this bootcamp, we are happy to help you find accomodation near the training facility.

Contact

Any other questions regarding this bootcamp or any of the other LINKIT trainings? Feel free to reach out!

Send an email to Maaike Stoops or call +31 (0)30 265 0 265