Modern Web Apps training
The Modern Web Apps training aims to empower trainees to:
- Tame modern JS with ES2015 (even on IE9)
- Internalize what makes a modern webapp and what it can do
- Work with a test-first development cycle
- Write module, decoupled code that is easy to test
- Write their project code so that it keeps complexity in check when scaling in size
- Setup an instant dev feedback loop
- Emphasize mobile-first and offline-first UX patterns and best practices
- Make their webapps installable, edging ever close to native apps experience
Day 1 — ES2015+
- Quick history recap: ES3, ES5, ES2015, ES2016…
- Native support, both back and front
- Transpiling with Babel
- Interactive experiments and deeper-learning resources
- Object literals and class syntaxes
- Rest et spread
- Default values
- Template strings
- Arrow functions and preserved lexical resolution
- ES2015 modules
- Native promises
- ES.Next: decorators
Days 2–4 — Writing a modern web app
- Tooling: writing, linting, transpiling, building, testing, debugging
- Introducing the app to be developed
- Introducing the starter codebase
- Test-first approach and related tooling
- Instant dev feedback loop and hot module replacement
- Time-travel debugging
- Delegated persistence
- Isomorphic / universal JS, server-side rendering and client rehydration
- TLS, HTTPS Everywhere and modern means of procuring DV / EV certificates
- Offline-first: ServiceWorker and AppCache fallback
- Web Apps Manifest; related tooling (ManifoldJS, RealFaviconGenerator…)
- No-Backend deployment
- October 16–19, 2018 - Paris - Demander une convention October 16–19, 2018 (Last seat!)
- November 20–23, 2018 - Paris - Demander une convention November 20–23, 2018
(Sauf indication contraire, chaque date dispose d’au moins 4 places encore libres)
|You register||Per trainee|
|1 to 2 trainees||€1,700 net|
|3 to 5 trainees||€1,530 net|
|6+ trainees||€1,360 net|
|Loyalty discount||€1,445 net|
Intended audience and pre-requisites
The Modern Web Apps training targets first and foremost front-end web developers that have to tackle writing large, feature-rich, optimized webapps that should behave well on a wide range of devices (desktops, smartphones, tablets, kiosks…).**
This is particularly true since February 2016, as the entirely overhauled curriculum relies exclusively on ES2015+, which most trainees have not yet taken the time to master: the first day therefore explores this topic in detail, bringing the entire session up to speed.
However, trainees might want to “study up” ahead of time to make learning all of this easier once attending the training proper. Future trainees will likely benefit from browsing this list of quality contents Christophe compiled; an ES2015-specific list is also available.
As for other tech components of the front-end web dev world, a “standard” understanding of the client side is obviously expected: HTML and CSS, that is. No need to be an HTML5 or CSS3 master: even if we will use these, they’re not our core topic and therefore entail no particular requirement.
Finally, it is not necessary to have prior familiarity with unit or integration testing systems, nor with in-code documentation systems. If you have already worked with such tools (JUnit, Test::Unit, RSpec, Cucumber, Capybara, Selenium, etc.) all the better, it’ll only make these subjects easier for you. But we will review all the relevant concepts as we put them to practice.
When the training starts, trainees receive all the related slides and supporting material in a web-based format, so they can easily follow along.
Once the training is done, they also get an extremely content-rich debrief e-mail, a reference archive with all finalized codebases (fully annotated and tested), all related slides and various complementary resources.
The training takes place in a private, commodious, well-lit, air-conditioned room with great functionality and ample comfort. All our venues are easily accessible by public transit and wheelchair-accessible.
Located in Paris, near Nation, they can be reached through no less than 5 subway lines, 1 RER line and 5 bus lines:
- Philippe-Auguste or Alexandre Dumas
- Charonne or Rue des Boulets
- Charonne-Voltaire or Boulets-Montreuil
83 avenue Philippe-Auguste
You can also find a number of parking areas nearby.
- Every trainee brings their own laptop or workstation.
- Internet access is provided through a broadband connection. Training rooms offer a Wi-Fi access and, for the oddball situation, a wire-based Ethernet infrastructure.
- Not living in the Paris area and looking for lodging? Why not go with Airbnb? They even have a business offering.
Modern Web Apps trainings require a few ahead-of-time setups on your machine: find all the necessary instructions for OSX, Linux and Windows here.
- Training sessions range from 4 to 10 trainees.
Typical daily schedules for the training, for a daily total of 7 hours hence a total of 28hr of training, are:
- 9h45Welcome, breakfast (hot and cold beverages, French pastries)
- 10hTraining starts
- 12h30Lunch (included)
- 13h45Training resumes
- 16h30Training resumes
- 18hDay close
Our main venue, for multi-client trainings (click to zoom):
Christophe has been doing professional web work since 1995. He co-created Europe’s first production JSP portal in 1999, moving to J2EE before going with Ruby, Rails and finally Node.js.
A best-selling author of“Bien développer pour le Web 2.0” (“Best practices for modern web development”) at Eyrolles, he also wrote the reference book “Prototype and script.aculo.us” at Pragmatic Programmers, articles in various online magazines (most notably the widely-acclaimed A List Apart), and speaks at a number of conferences big and small.
Christophe is the founder and CTO of Delicious Insights.
With a Masters of Computer Science scored in 2006, Maxime slogged for 5 years through the marshes of Java/Subversion in the FinTech consulting sector…
After a year in Australia in 2009, he turned to much more palatable techs: Ruby, Rails and Git. He started working with Christophe in 2010, joining his R&D engineering team to design and implement an e-commerce solution.
He succeeded Christophe as CTO there in 2012, to join him again 3 years later at DI.
Maxime is an R&D engineer at Delicious Insights.