Complete Full Stack Website Developer Course 2023

Learn the both Front-end and Back-end skills to become a top tier Full Stack Website Developer

What you'll learn

Build a strong knowledge and skillset of being a Full-stack developer

Learn the skills of a Front-end developer designing amazing websites

Create powerful servers and databases with Back-end skills

Create many different projects to showcase the skills you have learned

Requirements

No experience needed. You will be walked through every step throughout this course.

Description

In this course you will learn Full Stack Website Development which is one of the highest level developer skills you can achieve. Full Stack Developers can create technology on both the Front-end and the Back-end making them very valuable in todays ever changing world of software and technology.- The Front-end portion of this class will focus on building structure with HTML, adding amazing style with CSS, and creating complex reusable functionality with JavaScript the language of the web. On top of that we will be sing some of the best design technologies to make our websites eye popping to our users with Bootstrap and many other popular styling tools.- The Back-end portion of this class will consist of creating powerful servers with one of the most used technologies in server development today NodeJS. On top of NodeJS we will also be digging into using powerful modules from NPM to match the powerful speed that many other big industry sites use today. Lastly we will create extremely efficient databases and add security to them to protect our websites users data.This class was also designed for people who wish to learn a fast overview and kickstart their journey into the Full Stack Website Development world. Good luck and see you in the lectures!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Meet the teacher

Lecture 3 Set up

Lecture 4 Extensions

Section 2: Basic HTML

Lecture 5 What is Front-end?

Lecture 6 HTML: Introduction

Lecture 7 HTML: Structure

Lecture 8 HTML: Headers

Lecture 9 HTML: Paragraphs

Lecture 10 HTML: Line & Breaks

Lecture 11 HTML: Anchors

Lecture 12 HTML: Lists

Lecture 13 HTML: Images

Lecture 14 HTML: Div

Lecture 15 HTML: Project

Section 3: Advance HTML

Lecture 16 HTML: Comments

Lecture 17 HTML: Favicon

Lecture 18 HTML: Tables

Lecture 19 HTML: Table Headers

Lecture 20 HTML: Iframe

Lecture 21 HTML: Folder Paths

Lecture 22 HTML: Project

Section 4: Basic CSS

Lecture 23 CSS: Introduction

Lecture 24 CSS: How to use?

Lecture 25 CSS: Selectors

Lecture 26 CSS: Colors

Lecture 27 CSS: Fonts

Lecture 28 CSS: Box Model

Lecture 29 CSS: Positioning

Lecture 30 CSS: Project

Section 5: Advance CSS

Lecture 31 CSS: Rounded Corners

Lecture 32 CSS: Shadows

Lecture 33 CSS: Gradient

Lecture 34 CSS: Margins

Lecture 35 CSS: Display

Lecture 36 CSS: Align

Lecture 37 CSS: Responsiveness

Lecture 38 CSS: Project

Lecture 39 CSS: Hosting Site for FREE

Section 6: Master Website Design

Lecture 40 Flexbox: Intro

Lecture 41 Flexbox: Containers

Lecture 42 Flexbox: Items

Lecture 43 Flexbox: Responsiveness

Lecture 44 Grid: Intro

Lecture 45 Grid: Containers

Lecture 46 Grid: Items

Lecture 47 Grid: Flexbox Combination

Lecture 48 Bootstrap: Intro

Lecture 49 Bootstrap: Icard

Lecture 50 Bootstrap: Buttons

Lecture 51 Bootstrap: 12 Column Strategy

Lecture 52 Bootstrap: Examples

Lecture 53 Bootstrap: Project

Section 7: JavaScript

Lecture 54 JavaScript: Intro

Lecture 55 JavaScript: How to use?

Lecture 56 JavaScript: Data Types

Lecture 57 JavaScript: Int

Lecture 58 JavaScript: Math

Lecture 59 JavaScript: String

Lecture 60 JavaScript: Array

Lecture 61 JavaScript: If Else

Lecture 62 JavaScript: Switch

Lecture 63 JavaScript: Loop

Lecture 64 JavaScript: Function

Lecture 65 JavaScript: HTML Selectors

Lecture 66 JavaScript: CSS

Lecture 67 JavaScript: Input Click

Lecture 68 JavaScript: Create Element

Lecture 69 JavaScript: Project

Section 8: Jquery

Lecture 70 Jquery: Intro

Lecture 71 Jquery: Selecting

Lecture 72 Jquery: Stryle

Lecture 73 Jquery: Add Element

Lecture 74 Jquery: Attribute

Lecture 75 Jquery: Animations

Lecture 76 Jquery: Inputs

Lecture 77 Jquery: Project

Section 9: NodeJs

Lecture 78 What is the Back-end?

Lecture 79 NodeJs: Intro

Lecture 80 NodeJs: Modules

Lecture 81 NodeJs: Npm

Section 10: Express

Lecture 82 Express: Intro

Lecture 83 Express: Requests

Lecture 84 Express: Middleware

Lecture 85 Express: Intro

Lecture 86 EJS: Tags

Lecture 87 EJS: Intro

Lecture 88 EJS: Static

Section 11: Git

Lecture 89 Git: Intro

Lecture 90 Git: Set Up

Lecture 91 Git: Local Save

Lecture 92 Git: Git Ignore

Lecture 93 Git: Git Remote

Lecture 94 Git: Cloning

Lecture 95 Git: Git Branching

Lecture 96 Git: Git Forking

Section 12: API

Lecture 97 API: Intro

Lecture 98 API: Structure

Lecture 99 API: Json

Lecture 100 API: Axios

Lecture 101 API: Auth

Lecture 102 API: Rest

Lecture 103 API: Get Routes

Lecture 104 API: PPP

Lecture 105 API: Delete

Lecture 106 API: Project

Section 13: SQL

Lecture 107 SQL: Intro

Lecture 108 SQL: Tables

Lecture 109 SQL: Read

Lecture 110 SQL: Update

Lecture 111 SQL: Delete

Lecture 112 SQL: Relationships

Section 14: Databases PostgreSQL

Lecture 113 PostgreSQL: Intro

Lecture 114 PostgreSQL: Install

Lecture 115 PostgreSQL: Read

Lecture 116 PostgreSQL: Select

Lecture 117 PostgreSQL: Null Unique

Lecture 118 PostgreSQL: Insert Data

Lecture 119 PostgreSQL: Error

Lecture 120 PostgreSQL: Relationships

Lecture 121 PostgreSQL: Many Relationships

Lecture 122 PostgreSQL: As

Lecture 123 PostgreSQL: Insert Data

Section 15: Security

Lecture 124 Security: Intro

Lecture 125 Security: Set Up

Lecture 126 Security: Basic

Lecture 127 Security: Hashing

Lecture 128 Security: Environments

Section 16: Final Section

Lecture 129 Final Videos

Section 17: End

Lecture 130 Express: Project

Lecture 131 Express: Project

Anyone interested in becoming a highly skilled Full-stack website developer