Modern Web Apps training

First created during Fall 2012, the Modern Web Apps training course is a very, very high value-added combo. Over 4 consecutive days, it lets you discover and practice, in a unified, cohesive context, a large array of skills and leading-edge technologies around JavaScript.

  • ES2015+ (incl. ES2015 modules)
  • npm dependencies
  • React and its ecosystem
  • Redux
  • Webpack
  • Test-first development (TDD)
  • Offline-first
  • Client-side storage
  • Web Notifications
  • Build and static deployment

Goals

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

Curriculum

  1. 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
    • Destructuring
    • Rest et spread
    • Default values
    • Template strings
    • let and const
    • Arrow functions and preserved lexical resolution
    • ES2015 modules
    • Native promises
    • ES2017: async / await
    • ES.Next: decorators
  2. 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
    • Redux
    • React
    • Instant dev feedback loop and hot module replacement
    • Time-travel debugging
    • React-Router
    • 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

Next sessions

(Sauf indication contraire, chaque date dispose d’au moins 4 places encore libres)

Pricing

You registerPer 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…).**

A minimal knowledge of JavaScript is mandatory, even if advanced aspects are reviewed in-depth on the first day; any front web dev already using JavaScript on a daily basis, even if it’s mostly through jQuery still, is likely comfortable enough.

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.

Deliverables

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.

Logistics

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:

  • Subway Line 2 Philippe-Auguste or Alexandre Dumas
  • Subway Line 9 Charonne or Rue des Boulets
  • Subway Line 8 Faidherbe-Chaligny
  • Subway Line 1 Line 6 RER Line A Nation
  • Bus Line 26 Line 57 Line 86 Nation
  • Bus Line 56 Charonne-Voltaire or Boulets-Montreuil
  • Bus Line 76 Charonne-Philippe-Auguste
Delicious Insights

83 avenue Philippe-Auguste
75011 Paris

See on Google Maps

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
  • 16h15Break
  • 16h30Training resumes
  • 18hDay close

You can find all the details and modalities of registration, payment, cancellation and refunding in our Terms of Sale, along with our Conduct Policy.


Our main venue, for multi-client trainings (click to zoom):

Trainers

Christophe Porteneuve

Christophe Porteneuve

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.

In France, Christophe enjoys a solid reputation of expertise in the areas of front-end web dev (most notably JavaScript), Node.js, Git and Rails.

Christophe is the founder and CTO of Delicious Insights.

Maxime Bréhin

Maxime Bréhin

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.