Crafting Webapps

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.