Instructional Video14:14
Curated Video

The Art of Doing - Web Development for Beginners - Using Flexbox with HTML Elements

Higher Ed
In this video, we will dive deeper into using Flexbox with HTML elements. We will create Flex containers with row and column layouts, and even nest Flex containers inside each other. We will also explore how to center elements using...
Instructional Video16:59
Curated Video

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

Higher Ed
In this video, you will learn how to style the homepage of the company's site. We will apply appropriate HTML structure and semantic elements to create a visually appealing design. Additionally, we will work on the About page, which will...
Instructional Video21:15
Curated Video

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

Higher Ed
In this video, we will start building our project index page and apply styling using the style.css file. We will also add a navigation bar and design the Home page, including styling for the header and footer. Each page is required to...
Instructional Video5:07
Curated Video

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

Higher Ed
In this video, we will have a quick preview of our next project. You will learn how to design a multi-page site for a new "˜made-up company'. The site will include pages such as Home, About, Contact, Pricing, and Pictures, and you are...
Instructional Video17:02
Curated Video

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

Higher Ed
In this video, we will explore the display property in CSS and its inline values. You will learn how inline-level elements behave in terms of layout and spacing and how we can override their default behavior using CSS to create unique...
Instructional Video21:36
Curated Video

The Art of Doing - Web Development for Beginners - The Box Model

Higher Ed
In this video, we will dive into the concept of the box model, which is fundamental to web design and layout. You will learn about margins, borders, padding, and content, and how they affect the sizing and spacing of HTML elements. This...
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...