Learn Basic Html, Css, Javascript/Typescript And React Fast

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

What you'll learn
Web Development
React
HTML
CSS
Javascript
Typescript
Requirements
There are no course requirements
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 React. 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 React.JS 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 React.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Course Expectations and Course Requirements

Lecture 3 Installing Node.js

Lecture 4 Command Line Tools

Lecture 5 Creating a React Project

Section 2: HTML Structure

Lecture 6 Tags

Lecture 7 Paragraph Tag

Lecture 8 Header Tags

Lecture 9 Div tag

Lecture 10 Lists

Lecture 11 Links

Lecture 12 Components

Section 3: HTML Media and Tables

Lecture 13 Images

Lecture 14 Video

Lecture 15 Table Tag

Section 4: CSS - Basics

Lecture 16 CSS Selectors

Lecture 17 Class and ID Selectors

Lecture 18 Display

Lecture 19 Size Height and Width

Lecture 20 Padding and Margin

Lecture 21 Float and Alignment

Section 5: Typescript and JavaScript Basics with React Components

Lecture 22 Variables

Lecture 23 Undefined and Null

Lecture 24 Math

Lecture 25 Arrays

Lecture 26 Loops

Lecture 27 Conditionals

Lecture 28 Objects and Classes

Lecture 29 React State

Lecture 30 Functions

Lecture 31 Props

Lecture 32 Fetch Requests

Lecture 33 Events

Lecture 34 Install Bootstrap

Section 6: Final Project

Lecture 35 Header Component

Lecture 36 Userlist Component

Lecture 37 UserProfile Component

Lecture 38 Bonus!

Beginning Web Developers interested in fast web development,Beginning Web Developers interested in React,Beginning Web Developer interested in learning basic Typescript