Instructional Video5:10
Curated Video

The Art of Doing - Web Development for Beginners - Final Project Preview

Higher Ed
In this video, we will have a quick preview of our final course project where you will be building a fully functional HTML/CSS/JS site with interactive JavaScript tools. We will discuss the requirements of the final project, including...
Instructional Video15:08
Curated Video

The Art of Doing - Web Development for Beginners - Using querySelector()

Higher Ed
In this video, we will explore the querySelector method, which allows us to select elements using CSS selectors. You will learn how to use more complex selection options using querySelector and how it differs from getElementById. This...
Instructional Video14:24
Curated Video

The Art of Doing - Web Development for Beginners - Guess My Number Project

Higher Ed
In this video, we will code the "Guess My Number" project together, following the project requirements discussed in the previous video. We will implement the game logic step by step, utilizing functions to structure our code and make the...
Instructional Video3:45
Curated Video

The Art of Doing - Web Development for Beginners - Guess My Number Preview

Higher Ed
In this video, we will have a quick preview of the "Guess My Number" project. We will discuss the project requirements, including gathering user input, generating random numbers, implementing the game logic, and using functions to...
Instructional Video14:11
Curated Video

The Art of Doing - Web Development for Beginners - Functions

Higher Ed
In this video, we will delve into functions in JavaScript, including function declarations, parameters, and function bodies. You will also learn how to call functions and pass arguments to them and explore best practices for writing...
Instructional Video14:41
Curated Video

The Art of Doing - Web Development for Beginners - Conditional Statements

Higher Ed
In this video, we will cover conditional statements in JavaScript, including if-else statements and the conditional (ternary) operator. You will learn how to use these statements to make decisions in our code based on Boolean conditions....
Instructional Video15:34
Curated Video

The Art of Doing - Web Development for Beginners - For and While Loops

Higher Ed
In this video, you will learn how to use for loops and while loops in JavaScript for different scenarios. We will explore the syntax, usage, and differences between for loops and for-of loops, as well as understand how while loops can be...
Instructional Video14:10
Curated Video

The Art of Doing - Web Development for Beginners - JavaScript Data Types

Higher Ed
In this video, we will dive into different data types in JavaScript, including strings, numbers, Booleans, objects, and undefined. You will learn how to work with these data types and understand their properties and methods. This clip is...
Instructional Video15:40
Curated Video

The Art of Doing - Web Development for Beginners - JavaScript Variables: let, var, and const

Higher Ed
In this video, we will explore how to declare variables using the let, var, and const keywords in JavaScript. We will discuss the differences between these keywords and learn when to use each one based on their scope and reassignment...
Instructional Video17:18
Curated Video

The Art of Doing - Web Development for Beginners - Final CSS Project Part 2

Higher Ed
In this video, we will take our project to the next level by adding animations to the index page and working on the home.html page. Discover how to use CSS animations to bring life to your web pages and enhance user experience. This clip...
Instructional Video13:14
Curated Video

The Art of Doing - Web Development for Beginners - Final CSS Project Part 1

Higher Ed
In this video, we will dive into coding our index page and adding styles using the welcome_style.css file. Learn how to create a visually appealing layout and apply CSS styles to your web pages. This clip is from the chapter "CSS...
Instructional Video5:10
Curated Video

The Art of Doing - Web Development for Beginners - Final CSS Project Preview

Higher Ed
In this video, we will have a quick preview of our final CSS project, which involves building a website for a club, organization, team, and so on. We will discuss the required pages, HTML structure, and semantic elements that should be...
Instructional Video13:55
Curated Video

The Art of Doing - Web Development for Beginners - CSS Animations

Higher Ed
In this video, we will delve into CSS animations, which are more complex and versatile than transitions. You will learn how to define animations using keyframes and bind them to elements. We will explore the differences between...
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 Video5:31
Curated Video

The Art of Doing - Web Development for Beginners - Search Engine Project Part 3

Higher Ed
In this video, we will give style to our search engine name "Eramoogle", just like Google. You will learn how to add custom styles to text elements and align them according to the desired layout. This clip is from the chapter "CSS Layout...
Instructional Video3:57
Curated Video

The Art of Doing - Web Development for Beginners - Search Engine Preview

Higher Ed
In this video, we will take a quick preview of our project. You will learn how to create your own search engine layout, mimicking Google. This includes creating a thematic header, a search section, a news section with thumbnails for news...
Instructional Video15:47
Curated Video

The Art of Doing - Web Development for Beginners - Flexbox Basics

Higher Ed
In this video, we will explore the fundamentals of Flexbox, a powerful CSS layout system that allows you to create one-dimensional layouts along the horizontal or vertical axis. You will learn how to set up the Flex containers and use...
Instructional Video19:42
Curated Video

The Art of Doing - Web Development for Beginners - Store Front Two Project Part 3

Higher Ed
In this video, we will focus on building the Contact page, which will simulate the process of getting in touch with someone from the company. We will also create a Pricing page that includes a table of prices for the products sold, as...
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 Video13:46
Curated Video

The Art of Doing - Web Development for Beginners - Styling Lists and Tables

Higher Ed
In this video, you will learn how to style lists and tables using CSS. We will cover various properties and techniques to customize the appearance of lists and tables, making them visually appealing and user-friendly. This clip is from...
Instructional Video14:18
Curated Video

The Art of Doing - Web Development for Beginners - Styling Text

Higher Ed
In this video, we will explore different CSS properties that can be used to style text, such as changing the font family, font size, font style, and text color. We will also cover text alignment, text decoration, and text capitalization....
Instructional Video16:46
Curated Video

The Art of Doing - Web Development for Beginners - Store Front Project - Part 1

Higher Ed
In this video, we will begin working on the store front project by focusing on the index page. We will create the structure and layout of the page using HTML and then move on to styling it with CSS. We will define five custom colors to...
Instructional Video4:49
Curated Video

The Art of Doing - Web Development for Beginners - Store Front Preview

Higher Ed
In this video, we will create a three-page website for a made-up company. We will design a home page, an about page, and a contact page, all with proper HTML structure and semantic HTML elements. Additionally, we will ensure that each...
Instructional Video11:38
Curated Video

The Art of Doing - Web Development for Beginners - Defining Color

Higher Ed
In this video, we will explore the concept of color and how it is defined. We will start by discussing the different components of color, including hue, saturation, and brightness. Next, we will delve into the color wheel and how it can...