Learn Basic HTML, CSS & Javascript (Typescript) with Angular

Learn the basics of HTML tags, including opening and closing tags and single-element tags, and explore the most-used tag types that render text, images, and videos on a webpage.

The paragraph tag displays a simple block of text on a page, turning sentences into visible content you can inspect in the browser.

Explore header tags like h1 and h3, and how they define a page’s title and structure. Learn that these tags express importance, not bold styling, with font size addressed later.

Explore the div tag as a container that wraps other elements. Apply CSS and JavaScript to change color, size, and position, enabling layout control and styling.

Explore how to create ordered and unordered lists in HTML, control bullets, and manage list items like a roster, with automatic numbering and changes reflected on screen.

Create and use anchor tags to build clickable links, experimenting with link text and destinations like Google.

Generate a component using the engine generate component. Create a users component; import it into the app; refresh to see it; inspect users component; move logic into the custom component.

Learn to include images on a webpage by using the img tag and its src attribute, fetch image URLs, and render them in your Angular app.

Discover how to structure data with the table tag, including header, body, rows, and cells, with examples in Java, Spring, C#, and ESP dot net core.

Master CSS selectors to target specific page elements, adjust font size in pixels, and change the font color by configuring element properties through the documentation.

Explore class selectors and id selectors in HTML. Use a class named mail to color multiple elements blue, and a unique id like admin to color a single element green.

Explore the CSS display property, including how display: none hides elements but keeps them on page, and how display: block and display: inline control stacking and inline placement for lists.

Learn how width and height determine element size by adjusting a container div to 500 pixels wide and 300 pixels tall, including applying a background color.

Explore padding and margin in web design, showing how adding 40 pixels creates inside space within a container and outside space around it, while clarifying border placement.

Learn text align techniques in HTML and CSS by centering, left aligning, or right aligning text inside a container or div.

Discover how variables store data in JavaScript and TypeScript, covering let with block scope, var with global scope, and constants, plus strings, numbers, booleans, and data structures with unique names.

Explore basic math in JavaScript and TypeScript, with addition, multiplication, and division examples like 20 plus 4 and 44 divided by 5. Understand why strings divided by numbers yield NaN.

Learn how JavaScript loops run code under conditions, concatenate usernames, and compare index-based loops with simple for loops over arrays to display each name.

Explore JavaScript conditionals using if-else statements to determine roles like instructor or student based on names, and extend with else if for additional cases.

Examine objects and classes by defining a person object with properties and a person class with a constructor to create reusable objects and export them.

Explore how functions enable code reuse and how events trigger actions, using a click event to pass a name and produce dynamic greetings like hello James.

Fetch data from an external server using the HTTP client module in Angular, define an observable users list, and render usernames with an async pipe.

Watch a bonus video that unlocks a lifelong 30% discount on Code Brains. Receive monthly updates and weekly notices about upcoming courses, early access, and a subscriber forum.