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...
Curated Video
The Art of Doing - Web Development for Beginners - Store Front Project - Part 2
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,...
Curated Video
The Art of Doing - Web Development for Beginners - CSS Selectors
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...
Curated Video
The Art of Doing - Web Development for Beginners - Final HTML Project - Part 1
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...
Curated Video
The Art of Doing - Web Development for Beginners - Organized Collectors Project - Part 1
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...
Curated Video
The Art of Doing - Web Development for Beginners - Proper HTML Structure
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...
Curated Video
The Art of Doing - Web Development for Beginners - Headings and Paragraphs
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...
Curated Video
The Art of Doing - Web Development for Beginners - Final Project Part 1
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...