Single Page Applications

"Built to last" with webstandards only (=no migrations).

This workshop focuses on essential HTML 5 and JavaScript knowledge and lays the foundation for the SPAs with WebComponents workshop. After this workshop you should be able to build a Single Page Application / Progressive Web Application "from scratch" without frameworks or libraries. You will also better understand the innerworkings of popular frameworks like Angular, React or Vue.js.

Prerequisites

Java programming experience and basic HTML knowledge.

Topics

• Programming JavaScript ES 6+ like Java
• Advanced CSS selectors
• Structuring complex applications with and without MVC
• Classes, types, functional and OO programming
• Built-in and Custom Events
• CSS concepts and best practices
• CSS custom properties (variables)
• Responsive design with grid and flex layout
• Modern Browser and DOM APIs
• Asynchronous programming with JavaScript
• Built-in modules and imports
• Implementing WebSocket, HTTP and SSE communication
• DOM manipulations without jQuery
• Form validation and styling
• Navigation, routing and browser history
• Templating
• Performance optimizations, profiling, debugging and tooling
• Short introduction to useful HTML 5 APIs like e.g. drag and drop, persistence, sharing
• Effective End To End testing (E2E)
• Performance and debugging tools, hacks and workarounds

In this workshop I would like to explain the most significant features with working code and prepared examples. As a reference, you will get a GIT repository with all snippets and solutions, as well as prepared sample applications.

Environment requirements / prerequisites.

I/we will spend 90% of the time in code.

Feel free to contact me / register via email: workshops[-AT-]adam-bien.com

Registration