The Complete 2023 Web Development Bootcamp

Ana Sayfa
Kurs
The Complete 2023 Web Development Bootcamp

Software Development / Web Development

The Complete 2023 Web Development Bootcamp

Become a Full-Stack Web Developer with just ONE course

0.00 0 İnceleme(ler)

0 Kayıtlı öğrenci

Orta

İngilizce

Lavonne Carter

The Complete 2023 Web Development Bootcamp

Bu kurs şunları içerir:

55h 43m
503 Konferans
352 İndirilebilir varlıklar
Tam ömür boyu erişim
Mobil ve TV'de Erişim
Tamamlama sertifikası

Tam fiyatına ₺989.00

Şimdi kaydolun

Favori

Genel Bakış

Öğrenciler kursunuzda ne öğrenecekler?

Build 16 web development projects for your portfolio, ready to apply for junior developer jobs.
Learn the latest technologies, including Javascript, React, Node and even Web3 development.
After the course you will be able to build ANY website you want.
Build fully-fledged websites and web apps for your startup or business.
Work as a freelance web developer.
Master frontend development with React
Master backend development with Node
Learn professional developer best practices.

Kursunuzu almak için gereklilikler veya önkoşullar nelerdir?

No programming experience needed - I'll teach you everything you need to know
A computer with access to the internet
No paid software required
I'll walk you through, step-by-step how to get all the software installed and set up

Kurs kimin için?

If you want to learn to code through building fun and useful projects, then take this course.
If you want to start your own startup by building your own websites and web apps.
If you are a seasoned programmer, then take this course to to get up to speed quickly with the latest frameworks and NodeJS
If you want to take ONE COURSE and learn everything you need to know about web development, take this course

Açıklama

Kurs etiketleri

Development Web Development

Kurs içeriği

41 Bölümler
503 Konferans
55h 43m Toplam uzunluk

Bölüm 1

Front-End Web Development

Time 1h 05m

Konferans 10

Tümünü gör

What You'll Get in This Course

Önizleme 0:07:30

Download the Course Syllabus

Önizleme 0:03:41

Download the Course Resources

Önizleme 0:07:30

Download the 12 Rules to Learn to Code eBook [Latest Edition]

0:06:12

Download the Required Software

0:09:13

How Does the Internet Actually Work?

Önizleme 0:03:41

How Do Websites Actually Work?

Önizleme 0:06:54

How to Get the Most Out of the Course

0:06:54

How to Get Help When You're Stuck

0:07:30

Pathfinder

0:06:12

Bölüm 2

Introduction to HTML

Time 1h 12m

Konferans 10

Tümünü gör

Introduction to HTML

0:09:13

Using HTML Tags

0:06:54

The Anatomy of an HTML Tag

0:07:30

What we're building - HTML Personal Site

0:09:13

What is The HTML Boilerplate?

0:07:30

How to Structure Text in HTML

0:07:30

HTML Lists

0:03:41

HTML Image Elements

0:07:30

HTML Links and Anchor Tags

0:06:54

How to Ace this Course

0:06:12

Bölüm 3

Intermediate HTML

Time 1h 12m

Konferans 11

Tümünü gör

HTML Tables

0:03:41

Using HTML Tables for Layout

0:06:12

HTML Tables Code Challenge

0:06:54

How to Type Emojis

0:06:12

HTML Tables Solution Walkthrough

0:06:54

HTML Forms

0:09:13

Forms in Practice - Create a Contact Me Form

0:03:41

HTML Challenge

0:09:13

Publish Your Website!

0:09:13

Tip from Angela - Habit Building with the Calendar Trick

0:07:30

Get Monthly Tips and Tools to Level Up as a Developer

0:03:41

Bölüm 4

Introduction to CSS

Time 1h 12m

Konferans 11

Tümünü gör

Introduction to CSS

0:03:41

Inline CSS

0:07:30

Internal CSS

0:03:41

External CSS

0:09:13

How to Debug CSS Code

0:06:12

The Anatomy of CSS Syntax

0:07:30

CSS Selectors

0:07:30

Classes vs. Ids

0:03:41

CSS Quiz

0:09:13

Tip from Angela - Dealing with Distractions

0:07:30

Join the Student Community

0:06:54

Bölüm 5

Intermediate CSS

Time 2h 33m

Konferans 22

Tümünü gör

What We'll Make - Stylised Personal Site

0:06:12

What Are Favicons?

0:06:12

HTML Divs

0:07:30

The Box Model of Website Styling

0:09:13

CSS Display Property

0:03:41

Learn More About Web Design

0:06:54

CSS Static and Relative Positioning

0:07:30

Absolute positioning

0:09:13

The Dark Art of Centering Elements with CSS

0:06:54

Font Styling in Our Personal Site

0:03:41

Learn More About Typography

0:07:30

Adding Content to Our Website

0:09:13

CSS Sizing

0:06:54

Font Properties Challenge 1 - Change the Colours

0:03:41

Font Properties Challenge 2 - Change the Font Weight

0:06:54

Font Properties Challenge 3 - Change the Line Height

0:07:30

CSS Font Property Challenge Solutions

0:06:12

CSS Float and Clear

0:09:13

CSS Challenge

0:06:12

Stylised Personal Site Solution Walkthrough

0:06:54

[Optional] Get More Practice HTML and CSS

0:06:54

Tip from Angela - Nothing Easy is Worth Doing!

0:09:13

Bölüm 6

Introduction to Bootstrap 4

Time 1h 56m

Konferans 17

Tümünü gör

What is Bootstrap?

0:09:13

Installing Bootstrap

0:06:54

Web Design 101 - Wireframing

0:06:12

The Bootstrap Navigation Bar

0:07:30

What We'll Make: TinDog

Önizleme 0:09:13

Download the Starting Files

0:07:30

Setting Up Our New Project

0:09:13

Bootstrap Grid Layout System

0:06:54

Getting Montserrat Black and other Font Weights

0:03:41

Adding Grid Layouts to Our Website

0:06:54

A Note About CSS Link Order

0:07:30

Bootstrap Containers

0:06:12

Bootstrap Buttons & Font Awesome

0:06:12

Styling Our Website Challenges and Solutions

0:06:54

Bootstrap Challenge 1

0:06:12

Solution to Bootstrap Challenge 1

0:06:54

Tip from Angela - How to Deal with Procrastination

0:03:41

Bölüm 7

Intermediate Bootstrap

Time 1h 37m

Konferans 15

Tümünü gör

The Bootstrap Carousel Part 1

0:06:12

The Bootstrap Carousel Part 2

0:09:13

Bootstrap Cards

0:06:12

The CSS Z-Index and Stacking Order

0:06:12

Media Query Breakpoints

0:06:12

Bootstrap Challenge 2

0:07:30

Bootstrap Challenge 2 Solution

0:07:30

How to become a Better Programmer - Code Refactoring

0:06:12

Put it into Practice - Refactor our Website Part 1

0:03:41

Advanced CSS - Combining Selectors

0:06:54

Refactoring our Website Part 2

0:03:41

Advanced CSS - Selector Priority

0:06:12

Completing the Website

0:07:30

Download the Completed Website

0:07:30

Tip from Angela - Building a Programming Habit

0:06:54

Bölüm 8

Web Design School - Create a Website that People Love

Time 37m

Konferans 6

Tümünü gör

Bölüm 9

Introduction to Javascript ES6

Time 3h 21m

Konferans 30

Tümünü gör

Introduction to Javascript

0:03:41

Javascript Alerts - Adding Behaviour to Websites

0:06:54

Data Types

0:06:12

Javascript Variables

0:06:54

Javascript Variables Exercise Start

0:07:30

Javascript Variables Exercise

0:06:12

Javascript Variables Exercise Solution

0:06:54

Naming and Naming Conventions for Javascript Variables

0:09:13

Javascript Variable Naming Quiz

0:09:13

String Concatenation

0:07:30

String Lengths and Retrieving the Number of Characters

0:06:12

Slicing and Extracting Parts of a String

Önizleme 0:03:41

Challenge: Changing Casing in Text

0:07:30

Challenge: Changing String Casing Solution

0:03:41

Basic Arithmetic and the Modulo Operator in Javascript

0:06:12

Increment and Decrement Expressions

0:07:30

Javascript Numbers Quiz

0:06:54

Functions Part 1: Creating and Calling Functions

0:07:30

Functions Part 1 Challenge - The Karel Robot

0:06:54

The Karel Chess Board Solution

0:09:13

A Quick Note About the Next Lesson

0:03:41

Functions Part 2: Parameters and Arguments

0:09:13

Life in Weeks Coding Exercise

0:06:12

Life in Weeks Solution

0:06:54

Functions Part 3: Outputs & Return Values

0:06:54

Challenge: Create a BMI Calculator

0:03:41

BMI Calculator Challenge

0:06:12

Challenge: BMI Calculator Solution

0:06:54

JavaScript Functions Quiz

0:09:13

Tip from Angela - Set Your Expectations

0:06:54

Bölüm 10

Intermediate Javascript

Time 2h 04m

Konferans 19

Tümünü gör

Random Number Generation in Javascript: Building a Love Calculator

0:07:30

Control Statements: Using If-Else Conditionals & Logic

0:03:41

Comparators and Equality

0:09:13

Combining Comparators

0:07:30

BMI Calculator Advanced (IF/ELSE)

0:06:54

Introducing the Leap Year Code Challenge

0:06:54

Leap Year Challenge Exercise

0:07:30

Leap Year Solution

0:03:41

Collections: Working with Javascript Arrays

0:06:12

Adding Elements and Intermediate Array Techniques

0:06:12

Who's Buying Lunch? Code Challenge

0:07:30

Who's Buying Lunch Solution

0:03:41

Control Statements: While Loops

0:07:30

Solution to the 99 Bottles Challenge

0:07:30

Control Statements: For Loops

0:06:54

Introducing the Fibonacci Code Challenge

0:03:41

The Fibonacci Exercise

0:07:30

Fibonacci Solution

0:07:30

Tip from Angela - Retrieval is How You Learn

0:07:30

Bölüm 11

The Document Object Model (DOM)

Time 59m

Konferans 9

Tümünü gör

Adding Javascript to Websites

0:03:41

Introduction to the Document Object Model (DOM)

0:09:13

Solution to the DOM Challenge

0:06:54

Selecting HTML Elements with Javascript

0:06:54

Manipulating and Changing Styles of HTML Elements with Javascript

0:06:12

The Separation of Concerns: Structure vs Style vs Behaviour

0:03:41

Text Manipulation and the Text Content Property

0:09:13

Manipulating HTML Element Attributes

0:06:12

Tip from Angela - The 20 Minute Method

0:07:30

Bölüm 12

Boss Level Challenge 1 - The Dicee Game

Time 1h 16m

Konferans 11

Tümünü gör

Challenge: The Dicee Challenge

0:09:13

Dicee Challenge Step 0 - Download the Skeleton Project

0:09:13

Dicee Challenge Step 1 - Create an External Javascript File

0:09:13

Dicee Challenge Step 2 - Add Dice Images

0:06:54

Dicee Challenge Step 3 - Create a Random Number

0:09:13

Dicee Challenge Step 4 - Change the <img> to a Random Dice

0:03:41

Dicee Challenge Step 5 - Change both <img> Elements

0:03:41

Dicee Challenge Step 6 - Change the Title to Display a Winner

0:07:30

The Solution to the Dicee Challenge

0:07:30

Download the Completed Website

0:06:54

Tip from Angela - Learning Before you Eat

0:03:41

Bölüm 13

Advanced Javascript and DOM Manipulation

Time 1h 36m

Konferans 15

Tümünü gör

What We'll Make: Drum Kit

Önizleme 0:06:54

Download the Starting Files

0:06:54

Adding Event Listeners to a Button

0:06:12

Higher Order Functions and Passing Functions as Arguments

0:03:41

Higher Order Function Challenge Solution

0:09:13

How to Play Sounds on a Website

0:07:30

A Deeper Understanding of Javascript Objects

0:07:30

How to Use Switch Statements in Javascript

0:06:54

Objects, their Methods and the Dot Notation

0:06:12

A Quick Note About the Next Lesson

0:06:12

Using Keyboard Event Listeners to Check for Key Presses

0:09:13

Understanding Callbacks and How to Respond to Events

0:09:13

Adding Animation to Websites

0:03:41

Download the Completed Website

0:03:41

Tip from Angela - Dealing with Lack of Progress

0:03:41

Bölüm 14

jQuery

Time 1h 12m

Konferans 11

Tümünü gör

What is jQuery?

0:06:54

How to Incorporate jQuery into Websites

0:06:54

How Minification Works to Reduce File Size

0:07:30

Selecting Elements with jQuery

0:06:54

Manipulating Styles with jQuery

0:07:30

Manipulating Text with jQuery

0:03:41

Manipulating Attributes with jQuery

0:09:13

Adding Event Listeners with jQuery

0:09:13

Adding and Removing Elements with jQuery

0:06:54

Website Animations with jQuery

0:03:41

Tip from Angela - Mixing Knowledge

0:03:41

Bölüm 15

Boss Level Challenge 2 - The Simon Game

Time 2h 59m

Konferans 25

Tümünü gör

What You'll Make: The Simon Game

0:09:13

Play the Game

0:09:13

Step 0 - Download the Starting Files

0:09:13

Step 1 - Add Javascript and jQuery

0:03:41

Step 1 - Answer

0:06:12

Step 2 - Create A New Pattern

0:03:41

Step 2 - Answer

0:06:54

Step 3 - Show the Sequence to the User with Animations and Sounds

0:03:41

Step 3 - Answer

0:06:12

Step 4 - Check Which Button is Pressed

0:06:12

Step 4 - Answer

0:06:12

Step 5 - Add Sounds to Button Clicks

0:06:54

Step 5 - Answer

0:09:13

Step 6 - Add Animations to User Clicks

0:07:30

Step 6 - Answer

0:09:13

Step 7 - Start the Game

0:09:13

Step 7 - Answer

0:07:30

Step 8 - Check the User's Answer Against the Game Sequence8

0:09:13

Step 8 - Answer

0:07:30

Step 9 - Game Over

0:06:12

Step 9 - Answer

0:06:12

Step 10 - Restart the Game

0:09:13

Step 10 - Answer

0:07:30

Download the Completed Project Code

0:06:12

Tip from Angela - Dealing with Frustration

0:07:30

Bölüm 16

The Unix Command Line

Time 38m

Konferans 6

Tümünü gör

Installing the Hyper Terminal

0:06:54

Command Line Hyper Setup

0:03:41

Understanding the Command Line. Long Live the Command Line!

0:06:12

Command Line Techniques and Directory Navigation

0:06:54

Creating, Opening, and Removing Files through the Command Line

0:07:30

Tip from Angela - Sleep is My Secret Weapon

0:07:30

Bölüm 17

Backend Web Development

Time 06m

Konferans 1

Tümünü gör

Bölüm 18

Node.js

Time 52m

Konferans 8

Tümünü gör

What is Node.js?

Önizleme 0:06:54

Install Node.js on Mac

0:07:30

Install Node.js on Windows

0:06:12

The Power of the Command Line and How to Use Node

0:06:54

The Node REPL (Read Evaluation Print Loops)

0:06:54

How to Use the Native Node Modules

0:03:41

The NPM Package Manager and Installing External Node Modules

0:07:30

Tip from Angela - Step Up to the Challenge

0:06:54

Bölüm 19

Express.js with Node.js

Time 1h 19m

Konferans 13

Tümünü gör

What is Express?

0:03:41

Creating Our First Server with Express

0:06:12

Handling Requests and Responses: the GET Request

0:03:41

Nodemon Installation

0:06:54

Understanding and Working with Routes

0:09:13

What We'll Make: A Calculator

0:07:30

Calculator Setup Challenge

0:09:13

Calculator Setup: Challenge Solution

0:06:54

Responding to Requests with HTML Files

0:09:13

Processing Post Requests with Body Parser

0:03:41

BMI Routing Challenge

0:03:41

Solution to the BMI Routing Challenge

0:06:12

Tip from Angela - How to Solidify Your Knowledge

0:03:41

Bölüm 20

APIs - Application Programming Interfaces

Time 1h 33m

Konferans 14

Tümünü gör

Why Do We Need APIs?

0:07:30

API Endpoints, Paths and Parameters.

0:07:30

API Authentication and Postman

0:06:54

What is JSON?

0:03:41

Making GET Requests with the Node HTTPS Module

0:07:30

How to Parse JSON

0:06:12

Using Express to Render a Website with Live API Data

0:03:41

Using Body Parser to Parse POST Requests to the Server

0:06:12

The Mailchimp API - What You'll Make

0:07:30

Setting Up the Sign Up Page

0:09:13

Posting Data to Mailchimp's Servers via their API

0:07:30

Adding Success and Failure Pages

0:07:30

Deploying Your Server with Heroku

0:09:13

Tip from Angela - Location, Location, Location!

0:03:41

Bölüm 21

Git, Github and Version Control

Time 1h 05m

Konferans 10

Tümünü gör

Introduction to Version Control and Git

0:06:54

Version Control Using Git and the Command Line

0:03:41

GitHub and Remote Repositories

0:09:13

GitHub Private Repos are now Free! ?

0:06:54

Gitignore

0:03:41

Cloning

0:03:41

Branching and Merging

0:06:54

Optional Git Challenge

0:07:30

Forking and Pull Requests

0:07:30

Tip from Angela - Spaced Repetition

0:09:13

Bölüm 22

EJS

Time 1h 13m

Konferans 11

Tümünü gör

What We'll Make: A ToDoList

Önizleme 0:03:41

Linter Errors with EJS

0:06:12

Templates? Why Do We Need Templates?

0:03:41

Creating Your First EJS Templates

0:07:30

Running Code Inside the EJS Template

0:09:13

Passing Data from Your Webpage to Your Server

0:09:13

The Concept of Scope in the Context of Javascript

0:06:54

Adding Pre-Made CSS Stylesheets to Your Website

0:06:54

Understanding Templating vs. Layouts

0:07:30

Understanding Node Module Exports: How to Pass Functions and Data between Files

0:06:54

Tip from Angela - Use Accountability in your Favour

0:06:12

Bölüm 23

Boss Level Challenge 3 - Blog Website

Time 4h 35m

Konferans 45

Tümünü gör

A New Challenge Format and What We'll Make: A Blog

Önizleme 0:03:41

Setting Up the Blog Project

0:07:30

Challenge 1

0:06:54

Challenge 1 Solution

0:06:54

Challenge 2

0:06:54

Challenge 2 Solution

0:07:30

Challenge 3

0:06:12

Challenge 3 Solution

0:07:30

Challenge 4

0:07:30

Challenge 4 Solution

0:06:12

Challenge 5

0:06:54

Challenge 5 Solution

0:06:12

Challenge 6

0:07:30

Challenge 6 Solution

0:03:41

Challenge 7

0:03:41

Challenge 7 Solution

0:03:41

Challenge 8

0:07:30

Challenge 8 Solution

0:06:12

Challenge 9

0:07:30

Challenge 9 Solution

0:07:30

Challenge 10

0:06:12

Challenge 10 Solution

0:06:12

Challenge 11

0:06:54

Challenge 11 Solution

0:03:41

Challenge 12

0:03:41

Challenge 12 Solution

0:03:41

Challenge 13

0:07:30

Challenge 13 Solution

0:09:13

Challenge 14 and Solution

0:07:30

Challenge 15

0:06:12

Challenge 15 Solution

0:03:41

Express Routing Parameters

0:07:30

Challenge 16

0:06:12

Challenge 16 Solution

0:03:41

Challenge 17

0:03:41

Challenge 17 Solution

0:03:41

Challenge 18

0:06:54

Challenge 18 Solution

0:06:54

Challenge 19

0:03:41

Challenge 19 Solution

0:06:54

Challenge 20

0:07:30

Challenge 20 Solution

0:09:13

Challenge 21

0:07:30

Challenge 21 Solution

0:06:54

Tip from Angela - When Life Gives You Lemons

0:03:41

Bölüm 24

Databases

Time 09m

Konferans 1

Tümünü gör

Bölüm 25

SQL

Time 42m

Konferans 6

Tümünü gör

SQL Commands: CREATE Table and INSERT Data

0:06:12

SQL Commands: READ, SELECT, and WHERE

0:03:41

Updating Single Values and Adding Columns in SQL

0:09:13

SQL Commands: DELETE

0:09:13

Understanding SQL Relationships, Foreign Keys and Inner Joins

0:07:30

Tip from Angela - Find All the Hard Working People

0:06:12

Bölüm 26

MongoDB

Time 59m

Konferans 10

Tümünü gör

Installing MongoDB on Mac

0:03:41

Installing MongoDB on Windows

0:03:41

MongoDB CRUD Operations in the Shell: Create

0:09:13

MongoDB CRUD Operations in the Shell: Reading & Queries

0:07:30

MongoDB CRUD Operations in the Shell: Update

0:03:41

MongoDB CRUD Operations in the Shell: Delete

0:09:13

Relationships in MongoDB

0:06:12

Working with The Native MongoDB Driver

0:03:41

If You Have Forgotten to Quit the Mongod Server

0:06:54

Tip from Angela - Daily Routines

0:06:12

Bölüm 27

Mongoose

Time 42m

Konferans 6

Tümünü gör

Introduction to Mongoose

0:06:54

Reading from Your Database with Mongoose

0:07:30

Data Validation with Mongoose

0:06:12

Updating and Deleting Data Using Mongoose

0:06:54

Establishing Relationships and Embedding Documents using Mongoose

0:09:13

Tip from Angela - Deep Work

0:06:12

Bölüm 28

Putting Everything Together

Time 58m

Konferans 8

Tümünü gör

Let's take the ToDoList Project to the Next Level and Connect it with Mongoose

0:06:54

Rendering Database Items in the ToDoList App

0:07:30

Adding New Items to our ToDoList Database

0:03:41

Deleting Items from our ToDoList Database

0:09:13

Creating Custom Lists using Express Route Parameters

0:09:13

Adding New Items to the Custom ToDo Lists

0:03:41

Revisiting Lodash and Deleting Items from Custom ToDo Lists

0:09:13

Tip from Angela - One Step at a Time

0:09:13

Bölüm 29

Deploying Your Web Application

Time 24m

Konferans 4

Tümünü gör

How to Deploy Web Apps with a Database

0:07:30

How to Setup MongoDB Atlas

0:03:41

Deploying an App with a Database to Heroku

0:06:12

Tip from Angela - Discipline Breeds Discipline

0:06:54

Bölüm 30

Boss Level Challenge 4 - Blog Website Upgrade

Time 52m

Konferans 8

Tümünü gör

Challenge: Give your Blog a Database

0:06:12

Step 0 - Download the Starting Files

0:06:12

Step 1 - Save Composed Posts with MongoDB

0:03:41

Step 2 - Get the Home Page to Render the Posts

0:09:13

Step 3 - Fix the bug

0:06:12

Step 4 - Render the correct blog post based on post _id

0:06:54

Completed Blog with Database Solution

0:06:54

Tip from Angela - Dealing with Limitations

0:06:54

Bölüm 31

Build Your Own RESTful API From Scratch

Time 1h 34m

Konferans 14

Tümünü gör

What is REST?

0:06:12

Creating a Database with Robo 3T

0:07:30

Set Up Server Challenge

0:06:12

Set Up Server Solution

0:09:13

GET All Articles

0:03:41

POST a New Article

0:09:13

DELTE All Articles

0:03:41

Chained Route Handlers Using Express

0:06:54

GET a Specific Article

0:06:12

PUT a Specific Article

0:06:54

PATCH a Specific Article

0:06:54

DELETE a Specific Article

0:09:13

Download the Completed Project Code

0:03:41

Tip from Angela - How to Get a Job as Programmer

0:09:13

Bölüm 32

Authentication & Security

Time 1h 36m

Konferans 15

Tümünü gör

Introduction to Authentication

0:06:12

Getting Set Up

0:06:54

Level 1 - Register Users with Username and Password

0:09:13

How to Review the Source Code

0:09:13

Level 2 - Database Encryption

0:06:12

Using Environment Variables to Keep Secrets Safe

0:06:12

Level 3 - Hashing Passwords

0:09:13

Hacking 101 ├ö├┐├║┬┤┬®├à

0:03:41

Level 4 - Salting and Hashing Passwords with bcrypt

0:03:41

What are Cookies and Sessions?

0:03:41

Using Passport.js to Add Cookies and Sessions

0:06:54

Level 6 - OAuth 2.0 & How to Implement Sign In with Google

0:07:30

Finishing Up the App - Letting Users Submit Secrets

0:07:30

Download the Completed Project Code

0:06:54

Tip from Angela - How to Work as a Freelancer

0:03:41

Bölüm 33

React.js

Time 5h 01m

Konferans 46

Tümünü gör

What is React?

Önizleme 0:06:54

What we will make in this React module

0:07:30

Introduction to Code Sandbox and the Structure of the Module

0:09:13

Introduction to JSX and Babel

0:06:12

JSX Code Practice

0:03:41

Javascript Expressions in JSX & ES6 Template Literals

0:06:54

Javascript Expressions in JSX Practice

0:06:12

JSX Attributes & Styling React Elements

0:06:12

Inline Styling for React Elements

0:09:13

React Styling Practice

0:03:41

React Components

0:06:12

React Components Practice

0:09:13

Javascript ES6 - Import, Export and Modules

0:03:41

Javascript ES6 Import, Export and Modules Practice

0:09:13

[Windows] Local Environment Setup for React Development

0:09:13

[Mac] Local Environment Setup for React Development

0:06:54

Newer Versions of Node Troubleshooting

0:06:12

Keeper App Project - Part 1 Challenge

0:06:12

Keeper App Part 1 Solution

0:09:13

React Props

0:03:41

React Props Practice

0:03:41

React DevTools

0:06:12

Mapping Data to Components

0:03:41

Mapping Data to Components Practice

0:07:30

Javascript ES6 Map/Filter/Reduce

0:06:54

Javascript ES6 Arrow functions

0:09:13

Keeper App Project - Part 2

0:06:12

React Conditional Rendering with the Ternary Operator & AND Operator

0:06:12

Conditional Rendering Practice

0:06:54

State in React - Declarative vs. Imperative Programming

0:06:12

React Hooks - useState

0:06:12

useState Hook Practice

0:09:13

Javascript ES6 Object & Array Destructuring

0:09:13

Javascript ES6 Destructuring Challenge Solution

0:06:54

Event Handling in React

0:03:41

React Forms

0:07:30

Class Components vs. Functional Components

0:06:12

Changing Complex State

0:07:30

Changing Complex State Practice

0:06:12

Javascript ES6 Spread Operator

0:03:41

Javascript ES6 Spread Operator Practice

0:06:12

Managing a Component Tree

0:06:12

Managing a Component Tree Practice

0:06:54

Keeper App Project - Part 3

0:07:30

React Dependencies & Styling the Keeper App

0:03:41

Tip from Angela - How to Build Your Own Product

0:06:54

Bölüm 34

Web3 Decentralised App (DApp) Development with the Internet Computer

Time 53m

Konferans 7

Tümünü gör

What is Web3?

0:06:12

How does the Blockchain actually work?

0:09:13

What are DApps (Decentralised Apps) and how do you develop them?

Önizleme 0:09:13

What is the Internet Computer (ICP)?

0:06:54

Read Me!

0:09:13

[Mac Users] Installation and Setup for Web3 Development

0:06:12

[Windows Users] Installation and Setup for Web3 Development

0:06:12

Bölüm 35

Build Your First Defi (Decentralised Finance) DApp - DBANK

Time 1h 09m

Konferans 11

Tümünü gör

What You'll Build - DBANK (Inspired by Compound)

Önizleme 0:07:30

Introduction to the Motoko Language

0:09:13

Motoko Functions and the Candid User Interface

0:06:54

Motoko Conditionals and Type Annotations

0:03:41

Query vs. Update Methods

0:06:12

Orthogonal Persistance

0:03:41

Tracking Time and Calculating Compound Interest

0:06:12

Motoko Language Quiz

0:09:13

Adding HTML and CSS to Create the Frontend for DBANK

0:03:41

Connecting the Motoko Backend to our JS Frontend

0:07:30

Where to Get Help and Support for Development on the Internet Computer

0:06:12

Bölüm 36

Deploying to the ICP Live Blockchain

Time 44m

Konferans 6

Tümünü gör

What are Cycles and the ICP Token?

0:06:54

No Cycles, No Problems!

0:06:54

How to Claim Free Cycles from Dfinity

0:07:30

How to Deploy to the ICP Network

0:06:54

How to Convert ICP into Cycles?

0:06:54

[Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting

0:09:13

Bölüm 37

Building DApps on ICP with a React Frontend

Time 29m

Konferans 4

Tümünü gör

How to Configure a DFX Created Project to Use React

0:07:30

Storing Data on a Canister

0:03:41

Retrieving Data from a Canister

0:09:13

Deleting and Persistance

0:09:13

Bölüm 38

Create Your Own Crypto Token

Time 1h 06m

Konferans 11

Tümünü gör

Tokens and Coins: What are they and how are they used?

0:03:41

Download and Configure the Skeleton Project

0:06:12

Using Motoko Hashmaps to Store Token Balances

0:06:12

Showing the User's Token Balance on the Frontend

0:09:13

Creating the Faucet Functionality Using the Shared Keyword

0:06:54

Creating the Transfer Functionality

0:07:30

Using the Transfer Functionality in the Faucet

0:06:12

Persisting Non-Stable Types Using the Pre- and Postupgrade Methods

0:06:12

What is the Internet Identity?

0:03:41

Authenticating with the Internet Identity

0:03:41

[Optional] Live Deployment to Test Internet Identity Authentication

Önizleme 0:06:54

Bölüm 39

Minting NFTs and Building an NFT Marketplace like OpenSea

Time 1h 07m

Konferans 10

Tümünü gör

What You'll Build - A Website to Mint, Buy and Sell NFTs

Önizleme 0:06:54

Minting NFTs

0:03:41

Viewing the NFT on the Frontend

0:06:12

Enabling the Minting Functionality on the Frontend

0:06:12

Displaying Owned NFTs Using the React Router

0:07:30

Listing NFTs for Sale

0:07:30

Styling the Listed NFTs

0:06:12

Creating the "Discover" Page

0:06:12

Buying NFTs

0:07:30

Join the $6 Million Dollar Supernova Hackathon

0:09:13

Bölüm 40

Optional Module: Ask Angela Anything

Time 29m

Konferans 4

Tümünü gör

AAA 1 - How to Soak in Programming Concepts and more...

0:06:54

AAA 2 - Schedule for Learning to Code and more...

0:06:12

AAA 3 - How to Start Freelancing and more...

0:07:30

AAA 4 - The Live AMA

0:09:13

Bölüm 41

Next Steps

Time 16m

Konferans 2

Tümünü gör

Vote for the Next Module!

0:09:13

Bonus Lecture

0:07:30

Öğretmen hakkında

Lavonne Carter

4.23 (13 Yorum)

Kurs 1

Profili görüntüle

Derecelendirmeler ve incelemeler

0.00

0 Yorum

Toplam kayıtların 0 ile 0 arasındaki Yorumları Görüntüleniyor {toplam}

Yorum yayınlanmadı

The Complete 2023 Web Development Bootcamp

Become a Full-Stack Web Developer with just ONE course

Bu kurs şunları içerir:

Bu kursu paylaş

Genel Bakış

Öğrenciler kursunuzda ne öğrenecekler?

Kursunuzu almak için gereklilikler veya önkoşullar nelerdir?

Kurs kimin için?

Açıklama

Kurs etiketleri

Kurs içeriği

Front-End Web Development

Introduction to HTML

Intermediate HTML

Introduction to CSS

Intermediate CSS

Introduction to Bootstrap 4

Intermediate Bootstrap

Web Design School - Create a Website that People Love

Introduction to Javascript ES6

Intermediate Javascript

The Document Object Model (DOM)

Boss Level Challenge 1 - The Dicee Game

Advanced Javascript and DOM Manipulation

jQuery

Boss Level Challenge 2 - The Simon Game

The Unix Command Line

Backend Web Development

Node.js

Express.js with Node.js

APIs - Application Programming Interfaces

Git, Github and Version Control

EJS

Boss Level Challenge 3 - Blog Website

Databases

SQL

MongoDB

Mongoose

Putting Everything Together

Deploying Your Web Application

Boss Level Challenge 4 - Blog Website Upgrade

Build Your Own RESTful API From Scratch

Authentication & Security

React.js

Web3 Decentralised App (DApp) Development with the Internet Computer

Build Your First Defi (Decentralised Finance) DApp - DBANK

Deploying to the ICP Live Blockchain

Building DApps on ICP with a React Frontend

Create Your Own Crypto Token

Minting NFTs and Building an NFT Marketplace like OpenSea

Optional Module: Ask Angela Anything

Next Steps

Öğretmen hakkında

Lavonne Carter

Derecelendirmeler ve incelemeler