Course Outline
React 19: Modern Front-End Development
- Working with Hooks: useState, useEffect, useReducer
- Using Context API for state management
- Implementing routing with React Router
- Best practices in file structure, reusability, and performance
TypeScript for React Developers
- Type safety: types, interfaces, enums, generics
- Typing props, state, hooks, and event handlers
- Creating reusable types and utility functions
React + TypeScript in Practice
- Building scalable components with strong typing
- Combining generics with props and hooks
- Practical typing strategies for real-world projects
Testing React Applications
- Introduction to Jest and React Testing Library
- Writing unit tests for components and hooks
- Testing async operations and API calls
- Best practices for test coverage and debugging
Next.js 15: Full-Stack React Framework
- App Router vs Pages Router
- Server-side rendering and static site generation
- API routes and middleware
- Image optimization and performance
Node.js + Express: Backend API Fundamentals
- Setting up Express and RESTful architecture
- Authentication with JSON Web Tokens (JWT)
- Controller-service pattern and route structuring
- Securing and validating API requests
REST API with Prisma and PostgreSQL
- Setting up Prisma with PostgreSQL
- Schema modeling and migrations
- Performing CRUD operations
- Integrating Prisma client with Express routes
Version Control with Git
- Git basics: init, clone, commit, push, pull
- Branching, merging, and pull requests
- Working with GitHub and team collaboration
DevOps for Full-Stack Applications
- CI/CD concepts and workflows
- Introduction to Docker and containerization
- Basic deployment on cloud platforms (e.g., Vercel, Heroku)
- Monitoring and error logging
Data Warehousing and Data Lakes
- Differences between data warehouses and data lakes
- Data pipeline concepts in Full-Stack architecture
- Role of backend systems in data ingestion and structuring
Integrating Artificial Intelligence
- Overview of AI use cases in web apps
- Calling external AI APIs (e.g., OpenAI, Hugging Face)
- Using AI for text summarization, chatbots, and analytics
Summary and Next Steps
Requirements
- An understanding of basic JavaScript and web development principles
- Experience with HTML/CSS and front-end frameworks
- Basic familiarity with APIs and databases is helpful
Audience
- Frontend and backend developers
- Software engineers transitioning into Full-Stack roles
- Technical professionals building scalable web applications
Testimonials (5)
I liked how Gunnar wrote pretty much all of the code on the fly as we were going through, but that there was plenty of pre-prepared material on the google drive that I can refer to after the training. The code Gunnar wrote based on the sample data I provided beforehand was also extremely useful and also made the training relevant to our own datasets.
Ranvir - Schroders Personal Wealth
Course - Visual Studio Code
Multiple examples for each module and great knowledge of the trainer.
Sebastian - BRD
Course - Secure Developer Java (Inc OWASP)
Module3 Applications Attacks and Exploits, XSS, SQL injection Module4 Servers Attacks and Exploits, DOS, BOF
Tshifhiwa - Vodacom
Course - How to Write Secure Code
Real-life examples.
Kristoffer Opdahl - Buypass AS
Course - Web Security with the OWASP Testing Framework
The trainer's subject knowledge was excellent, and the way the sessions were set out so that the audience could follow along with the demonstrations really helped to cement that knowledge, compared to just sitting and listening.