Curated Video
The Art of Doing - Web Development for Beginners - Final Project Part 5
In this video, we will work on the pricing and sizing pages of our project, adding important features and functionality to make our web application more user-friendly and engaging. Join us as we polish our project and make it shine! This...
Curated Video
The Art of Doing - Web Development for Beginners - Final Project Part 4
In this video, we will focus on styling the design page and adding JavaScript functionality to make our project dynamic and interactive. Join us as we take our project to the next level and enhance its functionality with JavaScript. This...
Curated Video
The Art of Doing - Web Development for Beginners - Final Project Part 3
Join us in this video as we dive into styling each individual element of the homepage and also working on the design.html page. Learn how to fine-tune the appearance of your web pages and create a cohesive design for your project. This...
Curated Video
The Art of Doing - Web Development for Beginners - Final Project Part 2
In this video, we will continue our project by working on the homepage and applying CSS styles to make it visually appealing. Learn how to create an attractive and functional homepage for your web application. This clip is from the...
Curated Video
The Art of Doing - Web Development for Beginners - Getting Values From Forms
In this video, you will learn how to add an event listener to a form and listen for a submit event. We will explore how to use the FormData object to access the data sent through the form, prevent the default form submission behavior...
Curated Video
The Art of Doing - Web Development for Beginners - Getting Input Values Part 2
In this video, we will continue our exploration of getting input values, this time focusing on linked checkboxes within a form and getting values on the change of an input field. This clip is from the chapter "JavaScript - Working with...
Curated Video
The Art of Doing - Web Development for Beginners - Getting Input Values Part 1
In this video, we will explore how to get input values from simple input fields and isolated select elements. You will also learn how to get values from linked radio buttons within a form. This clip is from the chapter "JavaScript -...
Curated Video
The Art of Doing - Web Development for Beginners - Processing Events
JavaScript can be executed when events occur on a web page. In this video, you will learn how to use the addEventListener() method to attach event handlers to elements and respond to events such as clicks, form submissions, and input...
Curated Video
The Art of Doing - Web Development for Beginners - Using getElementById()
In this video, you will learn how to access elements of an HTML document using the getElementById method. We will explore how to give HTML elements unique IDs and use them to access and manipulate elements using JavaScript. This clip is...
Curated Video
The Art of Doing - Web Development for Beginners - Final CSS Project Part 4
In this video, we will continue styling our project by working on the secondary section of the homepage and other remaining web pages. Discover how to use CSS techniques, such as Flexbox or Grid, to create responsive and dynamic layouts...
Curated Video
The Art of Doing - Web Development for Beginners - Final CSS Project Part 3
In this video, we will focus on styling the content of the home page. Learn how to apply CSS styles to different elements, such as text, images, and buttons, to create a cohesive and visually appealing design for your web pages. This...
Curated Video
The Art of Doing - Web Development for Beginners - CSS Transitions
In this video, we will explore CSS Transitions, which enables you to smoothly change property values of elements over a specified duration. You will learn how to define transition properties and durations, and how to trigger transitions...
Curated Video
The Art of Doing - Web Development for Beginners - CSS Transforms
In this video, we will dive into CSS Transforms, which allow you to apply 2D or 3D transformations to elements. You will learn about rotation, scaling, translation, skewing, and how to use nth-of-type pseudo-classes to select elements....
Curated Video
The Art of Doing - Web Development for Beginners - Pseudo Classes
In this video, you will learn about CSS pseudo classes, which are keywords added to selectors to specify special states of selected elements. We will explore examples of pseudo classes such as hover, active, and focus, and how they can...
Curated Video
The Art of Doing - Web Development for Beginners - Search Engine Project Part 2
In this video, you will learn how to add a form to the main tag of the index page and style it. We will also add the search feature to our search engine project. Additionally, we will add the news feature to display news articles with...
Curated Video
The Art of Doing - Web Development for Beginners - Search Engine Project Part 1
In this video, we will start working on our project by coding the index and style.css files. You will learn how to style various elements of the search engine layout, including setting colors, backgrounds, shadows, and fonts. We will use...
Curated Video
The Art of Doing - Web Development for Beginners - Using Grid with HTML Elements
In this video, we will dive deeper into using Grid with HTML elements. We will create Grid containers and style Grid items with specific width and height. We will also explore how to center elements within Grid items and adjust the...
Curated Video
The Art of Doing - Web Development for Beginners - Grid Basics
In this video, we will introduce Grid, a powerful CSS layout system that allows you to create two-dimensional layouts with rows and columns. You will learn how to set up the Grid containers and use Grid properties to define rows,...
Curated Video
The Art of Doing - Web Development for Beginners - Using Flexbox with HTML Elements
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...
Curated Video
The Art of Doing - Web Development for Beginners - Store Front Two Project Part 2
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...
Curated Video
The Art of Doing - Web Development for Beginners - Store Front Two Project Part 1
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...
Curated Video
The Art of Doing - Web Development for Beginners - Store Front Two Preview
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...
Curated Video
The Art of Doing - Web Development for Beginners - The Display Property: Inline Values
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...
Curated Video
The Art of Doing - Web Development for Beginners - The Box Model
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...