Crafting Webapps

Created by Nacho García

This course provides the necessary skills to build a modern web application that scales, putting into practice advanced software development practices. It takes a hands on approach where participants build an application from scratch using state of the art front end technologies as well as design patterns that allows them to remain framework agnostic while following a behaviour driven approach.

More courses Contact

Course Duration

2 days

Why attend?

  • Learn design concepts regardless of the library or framework.
  • Design driven by test (TDD)
  • Use one of the most popular ecosystems of the moment (The course can be done in Vue or React).
  • Create an adequate testing pyramid (No more 2h testing battery).
  • Create high performance teams who are able to correctly parallelize their workflow with other teams (backend, qa, ux...).
  • Practice with a production-like application.
  • Scalable architecture.
  • Reactive design (No more timeouts).
  • Write tests focused on behaviour instead of state.
  • Atomic Design (Creating systems of components).


Day 1

Learn the most important concepts for a webapp.

  • Dependency management.
  • Ecosystem (Webpack, Babel, create-react-app, vue-cli, Jest, Enzyme...).
  • TDD (Inside-out and Outside-in).
  • ES6 syntax (async/await, destructuring, higher-order functions...).
  • Snapshot Testing.
  • Testing Pyramid.
  • Consumer-driven contract testing.
  • Coordinating with other teams (Backend, Design, QA...).
  • Application layer design (services, entities, etc.).
  • Atomic Design.

Day 2

Take your existing webapp to the next level for a high scalability and fulfilling more advanced needs.

  • Acceptance Testing.
  • Refactoring.
  • Managed State in a central fashion (Redux, Vuex...).
  • Router and permalink access to your application.
  • Integration with frameworks (Material Design, Bootstrap, etc.).
  • Strategies for splitting the legacy and managing the associated risks.
  • SEO.
  • Server Side Rendering (SSR).


Software developers that want to learn to build modern, well-architected applications; with the plus of learning to use one of the latest libraries (Vue or React).


  • Frontend background: some HTML and javascript knowledge.
  • Having some testing experience

Developers must:

  • Bring their own laptops
  • Have git and the latest node version installed.

Talk to us about your training needs

Codurance Logo

Software es nuestra pasión.

Somos Software Craftspeople. Construimos software bien elaborado para nuestros clientes, ayudamos a los/as desarrolladores/as a mejorar en su oficio a través de la formación, la orientación y la tutoría. Ayudamos a las empresas a mejorar en la distribución de software.

Últimos posts del blog


3 Sutton Lane, planta 3
Londres, EC1M 5PU

Teléfono: +44 207 4902967

2 Mount Street
Manchester, M2 5WQ

Teléfono: +44 161 302 6795

Carrer de Pallars 99, planta 4, sala 41
Barcelona, 08018

Teléfono: +34 937 82 28 82

Correo electrónico: