Learn the basics of Web Development Fast and save time with HTML, CSS, Typescript and Svelte.

What you will learn

Web Development

HTML

CSS

Javascript

Typescript

Svelte

Description

If you’re tired of long courses and just want to learn basic web development this course is for you.

We focus on teaching you only what you need to know and keeping the videos short. The main focus of this course is to teach the basics of HTML, CSS, Javascript, Typescript, and Svelte. By the end of this course, you should be able to create a basic website, understand how styling a website works and how to get data from a server.

In this course, we start by learning what tools you need to create a website and then we move on to the basics of HTML. We do an overview of how HTML works and how to display information on the page. Once the student learned HTML, they will then move onto learning the basics of CSS. With the CSS section of the course, they will learn how to style their HTML and adjust the colors, shape, and position of the elements on their web page. This allows the student to learn how to make their website more appealing to their users.

Once students become familiar with HTML and CSS, they will dive into Javascript and Typescript. They will learn the basics of creating dynamic HTML components, using math in Javascript, and creating interactive events. Once the student gains a basic grasp of Typescript, then they learn how to apply this to Svelte by making interactive components and getting data into those components.

For the final project, the student will learn to create a list of users and their profile information. This list will come from a remote server and the use will learn all of the skills including HTML, CSS, Javascript, Typescript, and Bootstrap to build a full webpage in Svelte.

English

Language

Content

Introduction

Introduction

Installing Node.js

Install Typescript

Command Line Tools

Installing Visual Studio Code

Creating a Svelte Project

HTML Structure

Tags

Paragraph Tag

Header Tags

Div Tags

Lists


Get Instant Notification of New Courses on our Telegram channel.


Links

Components

HTML Media and Tables

Images

Table Tag

CSS – Basics

CSS Selectors

Class and ID Selectors

Display

Size Height and Width

Padding and Margin

Alignment

Typescript and JavaScript Basics with Svelte

Variables

Undefined and Null

Math

Arrays

Loops

Conditionals

Objects and Classes

Events

HTTP Requests

Install Bootstrap