Training

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).

Content

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).

Audience

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).

Prerequisites

  • 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 is our passion.

We are software craftspeople. We build well-crafted software for our clients, we help developers to get better at their craft through training, coaching and mentoring, and we help companies get better at delivering software.

Latest Blogs




Contact Us

15 Northburgh Street
London EC1V 0JR

Phone: +44 207 4902967

2 Mount Street
Manchester M2 5WQ

Phone: +44 207 4902967

Carrer Aragó, 208
08011, Barcelona

Phone: +34 937 82 28 82

Email: hello@codurance.com