GIFs, Jokes & More – Learn JavaScript APIs the Fun Way!

Build a random code generator app in JavaScript that creates a code and its author name with each click, and uses a dummy JSON API to supply quotes.

Set up a web project in Visual Studio Code by creating a folder with app.js, an HTML file, and a style.css, writing the HTML boilerplate and linking CSS and JavaScript.

Write CSS in style.css using VSCode to center content with flexbox, apply a Google font, and style the button with hover effects and borders.

Learn to fetch data from an api to display random quotes using JavaScript, dom manipulation, and event handling, building a simple random quote generator.

Learn to build a joke teller app with JavaScript by creating a button that generates new jokes on each click; join the class to continue building this project.

Set up your JavaScript project using Visual Studio Code, install the Live Server extension, and create a folder named Joke Teller with index.html, style.css, and app.js.

Create a joke teller HTML layout with div containers, a title h1, a tell me a joke button, and a paragraph for the joke text.

Style the joke teller app with css, center content using flexbox, and create a padded card with rounded corners and buttons; next, add javascript to fetch jokes via an api.

Wire a button to trigger a getjoke function, fetch a JSON joke from an API, and log the response in a live JavaScript project.

Link JavaScript to HTML and display jokes by selecting the joke text element, using innerHTML with backticks, and handling errors with a catch.

Learn to build a gif search app with JavaScript, typing keywords to fetch and display laughing, cooking, and running gifs via a simple search button.

Set up your gif generator project in Visual Studio Code by creating index.html, style.css, and script.js, then link CSS and JavaScript and apply the HTML boilerplate shortcut.

Create the html ui for a gif search app by building a container with an input and a search button, adding an h1 header and a gifs display area.

Apply styling to the project with CSS in style.css, centering the container using flexbox and aligning the input field and button, then enhance with borders, hover effects, and typography.

Build a photo search app with JavaScript, using the Pexels API to search images by term, load more results, and display an hourly updated trending section.

Set up a web project in Visual Studio Code by creating HTML, CSS, and JavaScript files, linking style.css and app.js, and configuring Font Awesome and Roboto fonts.

Learn how to generate your own Pexels API key by creating a Pexels account, logging in, and saving the API key to your project folder to fetch nature photos.

Construct HTML structure using boilerplate, header, search input, and a Font Awesome search button. Link CSS and JavaScript, and set up photos and a more button for API data.

Make a fetch request to the Pexels API, include the authorization header with your API key, use search and curated photos endpoints, and access the photos array to display images.

Display fetched photos by iterating the photos array with a for each loop, render large images and photographer names, and add a download button using JavaScript.

Build a photo search feature by wiring a search input and buttons to trigger fetch requests. Pass the input as term and increment a page parameter for more results.

Build a trending photos section using pexels curated photos and search photos endpoints. Leverage per_page and page parameters, and use a ternary operator to switch between endpoints.

Fix missing function call by invoking load photos function to fetch curated and trending photos, then use more button for more photos, and in next video add css styling.

Copy and paste a CSS file to style the project, reset margins, and create a responsive background, while using the Pexels API to fetch and load more photos.