Instructional Video15:22
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Content Creation (For the Amazing Website)

Higher Ed
In this video, we will understand how to create content for our website. We will create a large background image for the header and then create a logo, which we will generate using AI as we did on the previous website using DALL-E by...
Instructional Video14:19
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Website Design and Responsiveness

Higher Ed
In this video, you will learn about the kind of website we can make and how to make the website responsive, which means it will look good on tablets and mobiles by creating the website layout adjust to the screen size using flexboxes. We...
Instructional Video13:06
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Applying JavaScript: Smooth Scroll and Image Slider

Higher Ed
We will continue to add more features to our website and make it more functional by learning to add a smooth scroll bar and an image slider. We will instruct ChatGPT to provide us with the JS code for the same and modify it as necessary...
Instructional Video10:41
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Start of the Website + Generating Images

Higher Ed
In this lesson, you will learn to create a basic demo website as a freelancer that designs websites using AI. We will instruct ChatGPT to write code for us with whatever basic features and design we want on the webpage.
Instructional Video14:45
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Starting Our Amazing Website

Higher Ed
In this lesson, we will begin working on creating our amazing website, which we will eventually publish on our online hosting, but we will build the entire website using Visual Studio Code.
Instructional Video10:13
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Setting Up a Domain and Hosting

Higher Ed
After learning to create a website, we will focus on publishing our website to reach out to more people and learn how to create a domain and add hosting services to our website.
Instructional Video14:19
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Connecting a Contact Form to a Database

Higher Ed
In the final video of this section, you will learn to create a contact form for our website to work, where we will connect the form we made to a database that stores the input received.
Instructional Video11:12
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Introduction to JavaScript: Making the Website Interactive

Higher Ed
After learning how to create a basic website, you will now learn to make the website more presentable, interactive, and enjoyable. We will use JavaScript. We will instruct ChatGPT to help us with the JavaScript code required to redesign...
Instructional Video8:33
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Creating Multiple Pages

Higher Ed
This video will teach us how to convert the one-page website we created into multiple pages. We will instruct ChatGPT to provide an outline to create multiple pages for our website and how to integrate it into the website design.
Instructional Video1:36
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Introduction to ChatGPT-4

Higher Ed
This brief introductory update outlines the new version of ChatGPT-4, just released a couple of days ago. It discusses the features of the new version, how it is better than ChatGPT-3.5, and its access is only for the ChatGPT Plus users,...
Instructional Video5:14
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Where to Put the Code?

Higher Ed
In this video, you will learn where to store the code, for which we will download and install Visual Studio Code, the IDE we will be using to store and edit the code to our requirements. You will learn to install the extensions required...
Instructional Video9:32
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Introduction to Web Design: HTML and CSS

Higher Ed
This lesson will explore the fundamentals of hypertext markup language (HTML) and cascading style sheets (CSS) needed to create a website. You will learn about the IDE to be used for storing the code.
Instructional Video5:26
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Introduction to ChatGPT

Higher Ed
In this video, you will learn about ChatGPT, a free service available on the OpenAI website. The video outlines what ChatGPT can do in general and the wide range of possibilities available on ChatGPT.
Instructional Video3:19
Curated Video

ChatGPT for Web Design - Create Amazing Websites - Some Notes Before We Start

Higher Ed
In this brief overview, the instructor provides vital explanations about how ChatGPT works, what we can use ChatGPT for, what we can do using ChatGPT, and briefly what this course offers us regarding learning and the concepts covered.
Instructional Video12:49
Curated Video

Modern JavaScript from the Beginning - Second Edition - Video Player Project

Higher Ed
In this video, you will learn how to create a video player using the Video API. We will see how to customize the video controls and add a progress bar. This clip is from the chapter "Web Browser APIs" of the series "Modern JavaScript...
Instructional Video16:42
Curated Video

Modern JavaScript from the Beginning - Second Edition - Add Pagination for Search

Higher Ed
In this video, we will add pagination to the search results page to allow users to navigate between different pages of search results. We will use the Page.js library to create dynamic URLs and render the correct results for each page....
Instructional Video13:35
Curated Video

Modern JavaScript from the Beginning - Second Edition - Swiper Slider

Higher Ed
In this video, we will use the Swiper library to create a slider that displays additional movie and TV show content. We will fetch the data from the API and create a responsive and dynamic slider. This clip is from the chapter "Flixx...
Instructional Video13:39
Curated Video

Modern JavaScript from the Beginning - Second Edition - Display Popular Movies

Higher Ed
In this video, we will fetch and display a list of popular movies from the TMDb API using JavaScript's fetch function and render them to the UI. This clip is from the chapter "Flixx Movie App Project" of the series "Modern JavaScript...
Instructional Video9:46
Curated Video

Modern JavaScript from the Beginning - Second Edition - Joke Generator Project Challenge

Higher Ed
In this video, we will be presented with a challenge to create a Joke Generator Project using the knowledge we have gained so far about asynchronous JavaScript. You will learn how to use the Fetch API to retrieve data from an API, and...
Instructional Video13:06
Curated Video

Modern JavaScript from the Beginning - Second Edition - Event Listeners

Higher Ed
In this video, we will explore how to register event listeners to handle events in JavaScript. You will learn about different types of event listeners and how to attach them to HTML elements. This clip is from the chapter "Events" of the...
Instructional Video9:52
Curated Video

Modern JavaScript from the Beginning - Second Edition - Replace Elements

Higher Ed
This video covers how to replace an element in the DOM with a new element using JavaScript. It covers the replaceChild() method. This clip is from the chapter "DOM Manipulation" of the series "Modern JavaScript from the Beginning".In...
Instructional Video9:28
Curated Video

Modern JavaScript from the Beginning - Second Edition - Insert Elements, Text, and HTML

Higher Ed
This video covers how to insert new elements, text, and HTML into the DOM using JavaScript. It covers the insertBefore(), insertAdjacentElement(), insertAdjacentText(), and insertAdjacentHTML() methods. This clip is from the chapter "DOM...
Instructional Video8:58
Curated Video

Modern JavaScript from the Beginning - Second Edition - InnerHTML Versus createElement()

Higher Ed
This video explains the difference between using innerHTML and createElement() to add HTML elements to the DOM. It covers the advantages and disadvantages of each method. This clip is from the chapter "DOM Manipulation" of the series...
Instructional Video13:53
Curated Video

Modern JavaScript from the Beginning - Second Edition - Traversing the DOM - All Nodes

Higher Ed
This video covers how to traverse the entire DOM, including text nodes and comment nodes. It covers the firstNode, lastNode, nextNode, and previousNode properties. This clip is from the chapter "DOM Manipulation" of the series "Modern...