Instructional Video4:56
Curated Video

Vue.js 3 and Firebase for Beginners - Completing the Admin View

Higher Ed
In this video, we will continue with the finishing touches inside of the Admin View. We will make use of Flexbox and place a new pizza on the menu component side by side on the larger view. This clip is from the chapter "Finishing...
Instructional Video4:16
Curated Video

Vue.js 3 and Firebase for Beginners - Modal Toggle

Higher Ed
This video explains a code on how to open and close modal toggle. This clip is from the chapter "Authentication" of the series "Vue.js 3 and Firebase for Beginners".This section is all about authentication and how to create login and...
Instructional Video8:42
Curated Video

Vue.js 3 and Firebase for Beginners - Modal Styling

Higher Ed
This video explains modal styling to make the login look attractive and make it appear over the rest of the content. This clip is from the chapter "Authentication" of the series "Vue.js 3 and Firebase for Beginners".This section is all...
Instructional Video8:58
Curated Video

Vue.js 3 and Firebase for Beginners - Creating the Sign-In Form

Higher Ed
This video explains how to create a sign-in form to capture user details. This form is both dual use as it can be used for both sign in and sign up. This clip is from the chapter "Authentication" of the series "Vue.js 3 and Firebase for...
Instructional Video8:15
Curated Video

Vue.js 3 and Firebase for Beginners - Creating Orders

Higher Ed
This video explains the code to create a new order, which follows a similar pattern to creating a new pizza. This clip is from the chapter "Firebase Setup and Firestore" of the series "Vue.js 3 and Firebase for Beginners".This section...
Instructional Video5:54
Curated Video

Vue.js 3 and Firebase for Beginners - Admin: Add New Pizza Form

Higher Ed
In this video, we will look at the admin view, which is going to be split up into multiple areas, which we will then organize into different components. The first area we are going to cover is adding a new pizza component to the admin...
Instructional Video6:21
Curated Video

Vue.js 3 and Firebase for Beginners - Named Views

Higher Ed
This video explains named views; sometimes you need to display multiple views at the same time instead of nesting them. This is where named views come into play. This clip is from the chapter "Basic Routing" of the series "Vue.js 3 and...
Instructional Video9:11
Curated Video

Vue.js 3 and Firebase for Beginners - The About View and Child Components

Higher Ed
In this video, the author talks about the About View page where we can now use a router to switch between the three new components. This clip is from the chapter "Basic Routing" of the series "Vue.js 3 and Firebase for Beginners".In this...
Instructional Video7:42
Instructional Video5:40
Curated Video

Solving Equations GCSE Questions

3rd - Higher Ed
In this video we go through some GCSE style exam practice questions for solving equations. Difficulty increases with each set of questions.
Instructional Video4:56
Curated Video

Building a ChatGPT AI with JavaScript - An OpenAI Code-Along Guide - Writing a Form in React with Next.js for ChatGPT OpenAI

Higher Ed
This video covers the process of writing a form in React with Next.js for integrating ChatGPT OpenAI into a web application.
Instructional Video17:28
Curated Video

Web Hacking Expert - Full-Stack Exploitation Mastery - Bypassing CSP through ajax.googleapis.com

Higher Ed
This video explains and demonstrates bypassing CSP through ajax.googleapis.com. This clip is from the chapter "Bypassing Content Security Policy in Modern Web Applications" of the series "Web Hacking Expert Full-Stack Exploitation...
Instructional Video16:12
Curated Video

The Art of Doing - Web Development for Beginners - Organized Collectors Project - Part 1

Higher Ed
In this video, we will begin organizing the index and main pages of our "Collectors" project. To do so, we will use proper HTML structure and create divs with specific names such as "header" and "main". You will decide what content goes...
Instructional Video13:09
Curated Video

The Art of Doing - Web Development for Beginners - Debugging an Issue

Higher Ed
In this video, we will solve the issue where we couldn't center-align an image in the Flexbox layout. You will learn how to troubleshoot and debug common layout issues in CSS and implement the necessary changes to achieve the desired...
Instructional Video16:17
Curated Video

The Art of Doing - Web Development for Beginners - The Display Property: Block Values

Higher Ed
In this video, we will delve into the display property in CSS and its block values. You will learn how block-level elements behave in terms of layout and spacing and how we can override their default behavior to create custom layouts...
Instructional Video14:26
Curated Video

The Art of Doing - Web Development for Beginners - Defining Font Size

Higher Ed
In this video, you will learn how to define font sizes using different units such as pixels, ems, and rems. We will also understand the difference between absolute and relative font sizes and how to change the font size of child elements...
Instructional Video14:33
Curated Video

The Art of Doing - Web Development for Beginners - Defining Element Width

Higher Ed
In this video, you will learn how to define the element's width using pixel values, percentage values, and viewport units. You will also learn how to define classes for styling different-sized images. This clip is from the chapter "CSS...
Instructional Video6:47
Curated Video

The Art of Doing - Web Development for Beginners - Header, Main, and Footer

Higher Ed
In this video, we will discuss how to use semantic HTML tags such as
,
, and
to organize the structure of your website. We will cover the purpose and usage of each tag and how they can replace the use of
tags...
Instructional Video14:22
Curated Video

The Art of Doing - Web Development for Beginners - Organized Collectors Project - Part 2

Higher Ed
In this video, we will continue our work on the "Collectors" project by organizing the three item pages. Using the same principles of organized HTML, we will improve the structure and appearance of these pages, making them easier to...
Instructional Video4:17
Curated Video

The Art of Doing - Web Development for Beginners - Organized Collectors Preview

Higher Ed
In this video, we will apply the concepts we have learned about organized HTML to our "Collectors" project. Specifically, we will be working on a Pokémon trading web page and restructuring it to improve its organization and appearance....
Instructional Video7:59
Curated Video

The Art of Doing - Web Development for Beginners - Inline Containers with span Tags

Higher Ed
In this video, we will explore the span tag, which is an inline container element that can be used to format specific sections of text with a class or id attribute. We will see how to use the span tag to create visually distinct sections...
Instructional Video9:53
Curated Video

The Art of Doing - Web Development for Beginners - Container Elements with div Tags

Higher Ed
In this video, you will learn about the div tag, which is a powerful container element that can group content together and be targeted later with CSS. We will see how to add class and id attributes to divs to make styling specific...
Instructional Video22:26
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Home Page / 102

Higher Ed
In this video, we will understand cleaning up a bloated render method in a React component by extracting a layout component.
Instructional Video14:36
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Dark Mode Integration / 067

Higher Ed
The dark appearance, known as Dark Mode, implements an interface style that many apps already adopt. We will learn to integrate the dark mode into the Cinemate project.