Workshop Logo

Web Development Fundamentals

Learn the basics of HTML, CSS, JavaScript, TypeScript, and explore modern frameworks and web development techniques, including PWA, Hybrid apps, and server-side rendering. After completing the workshops you will be ready to start building websites and web applications.

Level
Beginner
Duration
3 days or 6 half days
Prerequisites
Location options
Remote
Onsite

For whom is this workshop for?

Junior Developers
Backend Developers who want to start diving into the frontend

Workshop Agenda

icon

Introduction

  • How does a browser work?
  • The client-server model
icon

HTML Basics

  • What is HTML?
  • Document Object Model (DOM)
icon

CSS Basics

  • What is CSS?
  • How does CSS work?
icon

Learn JavaScript

  • What is JavaScript?
  • Variables and data types
  • Control structures and functions
icon

TypeScript Basics

  • What is TypeScript?
  • Setting up a TypeScript environment
icon

Modern Web Frameworks

  • Overview of modern web frameworks
  • Introduction to Angular
icon

Beyond the Basics

  • Progressive Web Apps (PWA)
  • Hybrid Applications
  • Rendering Strategies: SSR, CSR, SSG

Description

This beginner course provides a solid introduction to web development, focusing on the core building blocks of the modern web: HTML, CSS, JavaScript, and TypeScript. You'll start by learning how browsers work, with a focus on the client-server model, providing a clear understanding of how web applications communicate and function.

We will then dive into HTML to structure web pages, CSS to style them, and JavaScript to add interactivity. You'll also get a sneak peek into TypeScript, which helps enhance JavaScript with type safety, making your code more robust and maintainable.

In addition to mastering these foundational technologies, the course includes a sneak peek into modern frameworks such as Angular. We’ll also explore advanced web development concepts, including Progressive Web Apps (PWA), hybrid applications (turning web apps into mobile or desktop apps), and different rendering strategies like Server-Side Rendering (SSR), Client-Side Rendering (CSR), and Static Site Generation (SSG).

By the end of this course, you’ll have a strong foundation in web development and an understanding of the modern tools and technologies that power the web today.

Takeaways

After completing the workshops you are able to:

  • Understand how browsers work and the client-server model.
  • Write basic HTML, CSS, and JavaScript to create interactive web pages.
  • Use TypeScript to enhance JavaScript with type safety.
  • Get an overview of modern web frameworks, including Angular.
  • Explore Progressive Web Apps and hybrid applications.
  • Understand different rendering techniques like SSR, CSR, and SSG.

What is included?

  • High-quality materials with a mix of theory and exercises.
  • A lot of best practices from our enterprise projects.
  • 8 hours of follow-up coaching and consulting after the workshop. Dates and time can be arranged individually.
  • Lifetime access to the workshop materials
  • Hands-on excercises, live coding and Q&A sessions
  • Certificate of completion

Book the Workshop

FAQ about our workshops

Our workshops primarily focus on web development and software architecture. We emphasize reactive programming and architecutral patterns. As Angular consultancy we of course choose Angular as framework of our choice as it is a great fit for most enterprise projects.

In all of our workshops, we provide high-quality materials, a well-structured agenda and a balanced mix of theory and exercises. All this is combined with a lot of best practices which we gathered over the years in enterprise projects at our clients.

Yes, of course! We would be happy to come to your location and provide a workshop for your team. Just get in touch with us and we will find the perfect solution for you. However we are a remote-first company and we believe that remote workshops are as effective as onsite workshops.

Beginner workshops offer fundamental knowledge and require usually none to little pre-experience. Advanced workshops require some experience with the topic and are more in-depth. Expert workshops are for people who have a lot of experience with the topic and want to dive deep into the topic.

Besides the workshop itself, in all our workshop packages we include a 8 hours of follow-up coaching and consulting. This can be used for code reviews, architecture consulting, or any other topic you want to discuss with us.

High level workshop agenda

To give you a better feeling how our workshops are organized, we provide you here a high level overview of a typical workshop agenda.

Please note that the agenda can vary depending on the workshop and the needs of the participants. Every training is unique and we strive to provide the best possible experience for you.

09:00 - 10:30 Theory & Exercises
10:30 - 10:45 Break
10:45 - 12:15 Theory & Exercises
12:15 - 13:00 Lunch Break
13:00 - 14:30 Theory & Exercises
14:30 - 14:45 Break
14:45 - 16:15 Theory & Exercises

Not found the workshop you where looking for?

No worries, we are happy to create a custom workshop for you. Just get in touch with us and we will find the perfect solution for you.

Our other Services

Besides high-quality workshops, we offer a variety of other services to help you and your team to become more successful in your projects.