Join our training 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
Hands-on knowledge sharing in a real-life context
Intimate classroom setting for individual attention
Alumni community to help you grow in the future
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
30h of lessons, 10h of practice => 6 + 2 hours format each day
- ES2015 Concepts and Syntax
- Testing and Debugging
- Day 2: Accessible and Responsive Web Apps
- Basic Website Layout and Styling
- Day 3: Offline Capable Web Apps
- Front-end Networking
- Day 4: Performant Web Apps
- Performance Optimization
- Mobile Web Forms
- Day 5: Progressive Web Apps
ES2015 Concepts and Syntax
- 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
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
- 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
- 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
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
- 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
- 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
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
- Preventing main thread blocking with a dedicated web worker
- Providing an optimized critical rendering path using:
- Inline CSS for essential styles on a specific page, with asynchronous loading for additional styles as necessary
- 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)
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
- 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
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.
Expert teaching team
Andre is skilled in building responsive and cross-browser applications, implementing interactive interfaces and designing application architecture for companies like Bookspot
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 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
Secure your spot now!
Thank you for your interest in LINKIT’s Mobile Web Specialist Training! By registering below, you commit to joining.Hope to see you there!
10 - 14 February 2020 | LINKIT HQ in Utrecht, NL
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 training 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 cost?
Within the €2.500,- is included
- Lunch, coffee and facilities during the training week
- Access to an Alumni community with experienced Frontend Engineers after the training
The Mobile Web Specialist exam as well as travel and accommodation expenses are not included in the cost of this trainig.
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],
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 training 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
It 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.
|Ticket||€ 2.500,- (ex. VAT)||Airfare and transportation||[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/
Where does it take place?
This Mobile Web Specialist training 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 training.
What do I need to bring?
We require you to bring your own laptop and adapter.
- 4 GB RAM and 2 GHz dual core processor
- Minimum 1280 x 768 resolution
- Chrome 60 or Firefox 55
- Must accept cookies, allow geolocation, and disable ad blockers for the duration of the exam
All trainings and materials will be given and made available in English.
Price and billing
The Mobile Web Specialist training costs €2.500,- excluding VAT. The full amount will be invoiced upfront. If invoices are not paid before start of the training we can deny access to the trainings.
Registration and cancelation
Registration for this training happens via the form above and is binding after receiving a confirmation by LINKIT.
We reserve the right to cancel the training or change the moment or location of the training if the number of registrations gives cause for doing so.
Traveling from abroad
We welcome people from all nationalities to join the training, therefore all courses and materials will be provided in English.
If you're visiting the Netherlands for this training, we are happy to help you find accomodation near the training facility.
Any other questions regarding this training 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