Instructional Video12:17
Curated Video

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

Higher Ed
In this video, we will continue working on the store front project by creating the about and contact pages. We will use the same HTML and CSS techniques from the previous video to create the structure and style the pages. Additionally,...
Instructional Video15:50
Curated Video

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

Higher Ed
In this video, you will learn about different CSS selectors such as Universal selector, Element selector, Selector list, Class selector, ID selector, and Descendant selector. We will also understand how CSS properties are inherited from...
Instructional Video19:00
Curated Video

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

Higher Ed
In this video, we will dive into building the ninja turtle site for the final project. We will start by working on the index and main pages, including adding the common header, footer, and navigation bar using semantic HTML. This clip is...
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 Video8:16
Curated Video

The Art of Doing - Web Development for Beginners - Proper HTML Structure

Higher Ed
In this video, we will explore the proper structure of an HTML page, starting with the DOCTYPE declaration and then discussing the html, head, and body tags. We will also see how to place our HTML tags inside either the head or body...
Instructional Video14:08
Curated Video

The Art of Doing - Web Development for Beginners - Headings and Paragraphs

Higher Ed
In this video, you will learn how to use the heading and paragraph tags to structure and organize content on a web page. This clip is from the chapter "Basic HTML Tags" of the series "The Art of Doing - Web Development for Beginners".In...
Instructional Video15:21
Curated Video

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

Higher Ed
In this video, we will start coding our project together, focusing on the index page and applying styles to it. Join us as we take the first steps in building our project from scratch. This clip is from the chapter "JavaScript - Working...
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...