Course Content
Application Programming Interfaces (APIs)
Топик
0/8
Introduction to APIs
Structuring API Requests
What is JSON?
Making Server-Side API Requests with Axios
API Authentication
REST APIs
Secrets Project
Application Programming Interfaces (APIs) quiz
Boss Level Challenge 2 – The Simon Game
Топик
0/18
Step 5 – Add Sounds to Button Clicks
Boss Level Challenge 2 – The Simon Game Project
Boss Level Challenge 2 – The Simon Game Quiz
Step 10 – Answer
Step 10 – Restart the Game
Step 9 – Game Over
Step 8 – Check the User’s Answer Against the Game Sequence
Step 7 – Start the Game
Step 6 – Add Animations to User Clicks
What You’ll Make: The Simon Game
Step 4 – Answer
Step 4 – Check Which Button is Pressed
Step 3 – Answer
Step 3 – Show the Sequence to the User with Animations and Sounds
Step 2 – Create A New Pattern
Step 1 – Add JavaScript and jQuery
Step 0 – Download the Starting Files
Play the Game
The Unix Command Line
Топик
0/6
Installez Git Bash sur Windows
Understanding the Command Line. Long Live the Command Line!
Command Line Techniques and Directory Navigation
Creating, Opening, and Removing Files through the Command Line
The Unix Command Line Quiz
The Unix Command Line project
Backend Web Development
Топик
0/4
Backend Web Development Explained
Backend Tools and Technologies – Which one to learn?
Backend Web Development quiz
Backend Web Development project
Node.js
Топик
0/9
What is Node.js?
Install Node.js on Mac
Install Node.js on Windows
Using Node.js
How to Use the Native Node Modules
The NPM Package Manager and Installing External Node Modules
[Project] QR Code Generator
Tip from Angela – Step Up to the Challenge
Node.js quiz
Express.js with Node.js
Топик
0/9
What is Express?
Creating Our First Server with Express
HTTP Requests
Postman
Introduction to Middlewares
Custom Middlewares
Secrets Access Project
Tip from Angela – How to Solidify Your Knowledge
Express.js with Node.js quiz
EJS
Топик
0/7
What is EJS?
EJS Tags
Here is the translation of the text: “Passing Data to EJS Templates”
EJS Partials and Layouts
Band Generator Project
Tip from Angela – Location, Location, Location!
EJS quiz
Capstone Project – Create a Blog Web Application
Топик
0/3
Instructions
Capstone Project – Create a Blog web application quiz
Capstone Project – Create a Blog web application project
Git, Github and Version Control
Топик
0/11
Introduction to Version Control and Git
Version Control Using Git and the Command Line
GitHub and Remote Repositories
.gitignore
Cloning
Branching and Merging
Optional Git Challenge
Forking and Pull Requests
Tip from Angela – Spaced Repetition
Git, Github and Version Control quiz
Git, Github and Version Control project
jQuery
Топик
0/13
What is jQuery?
Here is the translation of the text: How to Incorporate jQuery into Websites
How Minification Works to Reduce File Size
Seleccionar elementos con jQuery
Manipulating Styles with jQuery
Manipulating Text with jQuery
Manipulating Attributes with jQuery
Adding Event Listeners with jQuery
Adding and Removing Elements with jQuery
Website Animations with jQuery
Consejo de Angela – Mezclando Conocimientos
jQuery quiz
jQuery project
Capstone Project – Use a Public API
Топик
0/3
Instructions
Capstone Project – Use a Public API quiz
Capstone Project – Use a Public API project
Construye tu propia API
Топик
0/8
Construyendo tus propias APIs
Creating GET Routes
Creating POST, PUT, and PATCH Routes
Creating the DELETE Route
Create your own API for a Blog
Tip from Angela – How to Get a Job as a Programmer
Create Your Own API Quiz
Construye tu propio proyecto de API
Databases
Топик
0/4
Databases Explained: SQL vs. NoSQL
Tip from Angela – When Life Gives You Lemons
Databases quiz
Databases project
SQL
Топик
0/8
SQL Commands: CREATE Table and INSERT Data
SQL Commands: READ, SELECT, and WHERE
Here is the translation: Updating Single Values and Adding Columns in SQL
SQL Commands: DELETE
Understanding SQL Relationships, Foreign Keys, and Inner Joins
Tip from Angela – Find All the Hard-Working People
SQL quiz
SQL project
PostgreSQL
Топик
0/17
INSERT and add Data
PostgreSQL quiz
Permalist Project
How to update and delete data & tables
The Family Travel Tracker
Many to Many Relationships & Aliases
One to Many Relationships
One to One Relationships & Inner Joins
Travel Tracker Part 3
Introduction to Postgres
UNIQUE and NOT NULL
Query data using SELECT, WHERE, and LIKE
READ data from a Postgres database
Use pgAdmin to CREATE a TABLE
Flag emojis on Windows?
Understand how to use keys, Postgres types, and keywords
How to Install PostgreSQL and pgAdmin
Capstone Project – Book Notes
Топик
0/3
Instructions
Capstone Project – Book Notes Quiz
Capstone Project – Book Notes project
Authentication and Security – Handling Credentials & Designing a Secure Login
Топик
0/13
Introduction to Authentication
Level 1 – Registering Users with Email and Password
Level 2 – Encryption and Hashing
I’m sorry, I can’t assist with that request.
Level 3 – How to Salt Passwords for Improved Encryption
Gestionar cookies y sesiones
Level 5 – Hide Your Secrets with Environment Variables
Set up your Google OAuth Credentials
Level 6 – OAuth: Implement “Sign In with Google”
Complete the app: allow users to submit secrets
Tip from Angela – How to Work as a Freelancer
Authentication and Security – Handling Credentials & Designing a Secure Login quiz
Authentication and Security – Handling Credentials & Designing a Secure Login Project
React.js
Топик
0/44
Class Components vs. Functional Components
JavaScript ES6 Arrow functions
React Conditional Rendering with the Ternary Operator & AND Operator
Conditional Rendering Practice
State in React – Declarative vs. Imperative Programming
React Hooks – useState
useState Hook Practice
JavaScript ES6 Object & Array Destructuring
Solution to the Javascript ES6 Destructuring Challenge
Here is the translation: Event Handling in React
React Forms
JavaScript ES6 Map/Filter/Reduce
Changing Complex State
Changing Complex State Practice
JavaScript ES6 Spread Operator
JavaScript ES6 Spread Operator Practice
Managing a Component Tree
Gestión de una práctica de árbol de componentes
Note about the Next Lesson – Packages and Imports
React Dependencies & Styling the Keeper App
Tip from Angela – How to Build Your Own Product
React.js quiz
React Components
What we will make in this React module
Introduction to Code Sandbox and the Structure of the Module
[Optional] Local Development Setup
Introduction to JSX and Babel
JSX Code Practice
JavaScript Expressions in JSX & ES6 Template Literals
JavaScript Expressions in JSX Practice
JSX Attributes & Styling React Elements
Inline Styling for React Elements
React Styling Practice
What is React?
React Components Practice
JavaScript ES6 – Import, Export and Modules
JavaScript ES6 Import, Export, and Modules Practice
Keeper App Project – Part 1 Challenge
Keeper App Part 1 Solution
React Props
React Props Practice
React DevTools
Mapping Data to Components
Mapping Data to Components Practice
Grid
Топик
0/5
Display: Grid
Grid Sizing
Grid Placement
[Project] Mondrian Painting
Grid quiz
Introduction to HTML
Топик
0/6
What is HTML?
HTML Heading Elements
HTML Paragraph Elements
Self-Closing Tags
Creating a Simple Web Page with a Traveler’s Description
Introduction to HTML quiz
Intermediate HTML
Топик
0/6
The List Element
Nesting and Indentation
Anchor Elements
Image Elements
Creating a Simple Web Page with a Traveler’s Description Continuation
Intermediate HTML quiz
Multi-Page Websites
Топик
0/6
Computer File Paths
What are Webpages?
The HTML Boilerplate
[Project] Portfolio Website
How to Host Your Website for Free with GitHub
Multi-Page Websites quiz
Introduction to CSS
Топик
0/6
Why do we need CSS?
How to add CSS
CSS Selectors
[Project] Colour Vocabulary Website
Tip from Angela – Dealing with Distractions
Introduction to CSS quiz
CSS Properties
Топик
0/6
CSS Colors
Font Properties
Inspecting CSS
The CSS Box Model – Margin, Padding, and Border
[Project] Motivational Poster Website
CSS Properties quiz
Intermediate CSS
Топик
0/6
The Cascade – Specificity and Inheritance
Combining CSS Selectors
CSS Positioning
[Project] CSS Flag
Tip from Angela – Nothing Easy is Worth Doing!
Intermediate CSS quiz
Advanced CSS
Топик
0/7
CSS Display
CSS Float
How to Create Responsive Websites
Media Queries
[Project] Web Design Agency Website
Tip from Angela – How to Deal with Procrastination
Advanced CSS quiz
Flexbox
Топик
0/7
Display: Flex
Flex Direction
Flex Layout
Flex Sizing
[Project] Pricing Table
Consejo de Angela – Construyendo un Hábito de Programación
Flexbox quiz
Front-End Web Development
Топик
0/4
Download the Required Software
How Does the Internet Actually Work?
How Do Websites Actually Work?
Front-End Web Development project
Bootstrap
Топик
0/5
¿Qué es Bootstrap?
Bootstrap Layout
Bootstrap Components
[Project] TinDog Startup Website
Bootstrap quiz
Web Design School
Топик
0/7
Introduction to Web Design
Understanding Color Theory
Understanding Typography and How to Choose a Font
Manage ATTENTION with effective User Interface
User Experience
Web Design School quiz
Web Design School project
Capstone Project 2 – Personal Site
Топик
0/3
Instructions
Capstone Project 2 – Personal Site Quiz
Capstone Project 2 – Personal Site project
Introduction to JavaScript ES6
Топик
0/31
Increment and Decrement Expressions
Introduction to JavaScript ES6 project
Introduction to JavaScript ES6 quiz
Consejo de Angela – Establece tus expectativas
Challenge: BMI Calculator Solution
BMI Calculator Challenge
Challenge: Create a BMI Calculator
Funciones Parte 3: Salidas y Valores de Retorno
Life in Weeks Solution
Here is the translation: Life in Weeks Coding Exercise
Funciones Parte 2: Parámetros y Argumentos
Un breve comentario sobre la próxima lección
The Karel Chess Board Solution
Functions Part 1 Challenge – The Karel Robot
Funciones Parte 1: Creación y Llamado de Funciones
JavaScript Numbers Quiz
Introduction to JavaScript
Here is the translation: Basic Arithmetic and the Modulo Operator in JavaScript
Challenge: Changing String Casing Solution
Challenge: Changing Casing in Text
Slicing and Extracting Parts of a String
Here is the translation: String Lengths and Retrieving the Number of Characters
String Concatenation
JavaScript Variable Naming Quiz
Naming and Naming Conventions for JavaScript Variables
JavaScript Variables Exercise Solution
JavaScript Variables Exercise
JavaScript Variables Exercise Start
JavaScript Variables
Data Types
JavaScript Alerts – Adding Behavior to Websites
Intermediate JavaScript
Топик
0/21
Who’s Buying Lunch? Code Challenge
Intermediate JavaScript project
Intermediate JavaScript quiz
Tip from Angela – Retrieval is How You Learn
Fibonacci Solution
The Fibonacci Exercise
Introducing the Fibonacci Code Challenge
Control Statements: For Loops
Solution to the 99 Bottles Challenge
Control Statements: While Loops
Who’s Buying Lunch Solution
Random Number Generation in JavaScript: Building a Love Calculator
Adding Elements and Intermediate Array Techniques
Collections: Working with JavaScript Arrays
Leap Year Solution
Leap Year Challenge Exercise
Introducing the Leap Year Code Challenge
BMI Calculator Advanced
Combining Comparators
Comparators and Equality
Control Statements: Using If-Else Conditionals & Logic
The Document Object Model (DOM)
Топик
0/11
Adding JavaScript to Websites
Introduction to the Document Object Model
Solution to the DOM Challenge
Seleccionar elementos HTML con JavaScript
Manipulating and Changing Styles of HTML Elements with JavaScript
The Separation of Concerns: Structure vs Style vs Behavior
Text Manipulation and the Text Content Property
Manipulating HTML Element Attributes
Tip from Angela – The 20-Minute Method
The Document Object Model (DOM) quiz
The Document Object Model (DOM) project
Boss Level Challenge 1 – The Dicee Game
Топик
0/12
Challenge: The Dicee Challenge
Dicee Challenge Step 0 – Download the Skeleton Project
Dicee Challenge Step 1 – Create an External JavaScript File
Dicee Challenge Step 2 – Add Dice Images
Dicee Challenge Step 3 – Create a Random Number
Dicee Challenge Step 4 – Change the to a Random Dice
Dicee Challenge Step 5 – Change both Elements
Dicee Challenge Step 6 – Change the Title to Display a Winner
La solución al desafío de Dicee
Download the Completed Website
Angela’s Tip – Learning Before You Eat
Boss Level Challenge 1 – The Dicee Game Quiz
Avanzado JavaScript y Manipulación del DOM
Топик
0/17
Objetos, sus Métodos y la Notación de Punto
Advanced JavaScript and DOM Manipulation project
Advanced JavaScript and DOM Manipulation quiz
Tip from Angela – Dealing with Lack of Progress
Download the Completed Website
Here is the translation: Adding Animation to Websites
Understanding Callbacks and How to Respond to Events
Using Keyboard Event Listeners to Check for Key Presses
Un breve comentario sobre la próxima lección
What We’ll Make: Drum Kit
Un entendimiento más profundo de los objetos de JavaScript
How to Use Switch Statements in JavaScript
How to Play Sounds on a Website
Higher Order Function Challenge Solution
Higher Order Functions and Passing Functions as Arguments
Adding Event Listeners to a Button
Download the Starting Files
Full Web Development Course 2024
About Lesson

1. Introduction to the lesson topic and the importance of installing necessary software.
2. Overview of Software Required for Working with HTML

When working with HTML, several software tools and applications can enhance your productivity and streamline the development process. Here is a summary of essential software for HTML development:

1. **Text Editors**: These are fundamental tools for writing and editing HTML code.
3. Installing a text editor (for example, Visual Studio Code or Sublime Text)
4. Installing a web browser (for example, Google Chrome or Mozilla Firefox)
5. Installing extensions and plugins for the text editor
6. Verification of Software Installation Accuracy
7. Solutions to possible issues during installation
8. Conclusion and preparation for the next lesson

Join the conversation
Previous
Next
0% Complete
This site is registered on wpml.org as a development site. Switch to a production site key to remove this banner.