This course has been designed to give each student a comprehensive explanation of all the techniques necessary to build solid web applications with Google's Angular. During the course student will work from scratch as wel as use the ng cli.


Angular

Angular Masterclass

Master JavaScript from the ground up with this comprehensive Core JavaScript course. Designed for developers looking 
to build a strong foundation, this course covers everything from basic syntax to advanced concepts like classes, 
functional programming, and asynchronous code. 

Dive deep into the essentials of browser-based JavaScript, including DOM manipulation, event handling, and modern 
ES features. This course also introduces testing practices and prepares you for frameworks like Angular, React, 
Vue, and Svelte.

What you will learn:
- Understand modern JavaScript syntax, features, and best practices.
- Organize and structure your code effectively with modern **ES Modules**.
- Write robust object-oriented and functional JavaScript.
- Manage asynchronous workflows with promises and async/await.
- Manipulate and interact with the DOM using modern APIs.
- Leverage JavaScript modules for structured and maintainable code.
- Test JavaScript code with tools like Jest and Vite-Test.
- Prepare for advanced JavaScript concepts and frameworks.


JavaScript Core

Modern JavaScript/ECMAScript Masterclass

Master TypeScript, the powerful superset of JavaScript that enables static typing and modern development workflows. 
This short but comprehensive course covers everything from foundational concepts to advanced features, including utility types, 
generics, type narrowing, and modern tooling. Learn to write safer, scalable, and maintainable code with TypeScript, 
with a focus on **functional programming** and clean code practices.

Perfect for developers aiming to build applications with frameworks like **Angular**, **React**, and other modern libraries.

What you will learn:
- Set up and configure **TypeScript projects** with modern tools like Vite and Babel.  
- Understand **type annotations**, advanced types, and the **type system**.  
- Explore **interfaces** and **type aliases** to design flexible and reusable types.  
- Master **functions** with overloads, generics, async/await, and typed callbacks.  
- Work with **classes**, including access modifiers, inheritance, generics, and decorators.  
- Use **utility types** (`Partial`, `Pick`, `Omit`, etc.) and extend them with libraries like `ts-essentials`.  
- Apply **type operators** (`typeof`, `keyof`, `in`, `as`) and advanced **type narrowing**.  
- Leverage modern features like **template literal types** and **conditional types**.  
- Write clean, maintainable code with a **functional programming style**.  
- Build real-world solutions with TypeScript for frameworks like Angular, React, and beyond.  


TypeScript

TypeScript One-Day Primer

<hr>
<h2>Overview</h2>
Updated 2021-10-11 for Angular 12.x (original post on 2016-06-01, then updated yearly)
We will create a simple angular application. It will be a simple "hello world"-style application so you can focus on the infrastructure and the absolute basics of the angular framework.
We will be using the result from the blog article on <a href="/blog/web/webpack-tutorial.html">webpack</a>. That result is also available from <a href="https://github.com/edc4it/webpack-intro-tutorial">github</a>
<h2>Starting point</h2>
If you have not completed the <a href="/blog/web/webpack-tutorial.html">webpack</a> then go ahead and clone the solution of that tutorial:
<pre><code class="hljs language-shell">$ git clone https://github.com/edc4it/webpack-intro-tutorial hellow
$ cd hellow
</code></pre>
Next let's install the necessary libraries using npm.
<pre><code class="hljs language-shell">$ npm install
</code></pre>
This puts you right at the end of the aforementioned blog article.
Then remove all the contents** of the <code>src</code> folder as we will be building a new application from scratch.
<pre><code class="hljs language-shell">$ rm src/* 
</code></pre>