Browse Titles - 16 results
AJAX API Exercises and a JavaScript Trivia Web Application
Create a trivia application using JavaScript and AJAX, retrieving data from various web API endpoints.
About This Video: How to build a mini trivia game using JavaScript. How to use a web API to make an AJAX request for data retrieval and updating the page elements.
In Detail: Have you ever faced challenges in und...
Create a trivia application using JavaScript and AJAX, retrieving data from various web API endpoints.
About This Video: How to build a mini trivia game using JavaScript. How to use a web API to make an AJAX request for data retrieval and updating the page elements.
In Detail: Have you ever faced challenges in understanding and creating a web application? Where to start? Do you wish to overcome these problems and go beyond the basic techniques li...
Create a trivia application using JavaScript and AJAX, retrieving data from various web API endpoints.
About This Video: How to build a mini trivia game using JavaScript. How to use a web API to make an AJAX request for data retrieval and updating the page elements.
In Detail: Have you ever faced challenges in understanding and creating a web application? Where to start? Do you wish to overcome these problems and go beyond the basic techniques like bag-of-words? Well, now you can! This course is designed with fun exercises to help you practice and understand concepts using AJAX, JSON, and JavaScript. Further, we'll explore exciting ways to use APIs. We’ll use AJAX that allows web developers to make HTTP requests in the background and help improve the web user’s experience by providing a seamless way to load new data and update the page elements. By the end of this course, you will be able to create and build useful applications using JavaScript and AJAX.
INTRODUCTION TO AJAX WITH JAVASCRIPT
Introduction to working with AJAX
Development Environment Setup
Page Setup
Make Request Callback
Get API content
Output Question format
Build Buttons
JavaScript Dynamically Build Elements
Tweak Quiz and add Scoring
Show correct answers
More fun with APIs
AJAX conclusion
Show more Show lessAJAX JavaScript XHR and Fetch
Learn how to use AJAX within your web applications. Course covers vanilla JavaScript using XML Http Requests and Fetch.
About This Video: How to set up your responsive web page, connect to APIs, and load data. Everything you need to build responsive pages is by JavaScript and retrieve data faster is by making A...
Learn how to use AJAX within your web applications. Course covers vanilla JavaScript using XML Http Requests and Fetch.
About This Video: How to set up your responsive web page, connect to APIs, and load data. Everything you need to build responsive pages is by JavaScript and retrieve data faster is by making AJAX requests using the XMLHttpRequest.
In Detail: This course covers making AJAX requests using the XMLHttpRequest as well as the ne...
Learn how to use AJAX within your web applications. Course covers vanilla JavaScript using XML Http Requests and Fetch.
About This Video: How to set up your responsive web page, connect to APIs, and load data. Everything you need to build responsive pages is by JavaScript and retrieve data faster is by making AJAX requests using the XMLHttpRequest.
In Detail: This course covers making AJAX requests using the XMLHttpRequest as well as the newer fetch. Typically when a user goes to a website the user has to wait for the server to respond with the data. This is not the case with AJAX as we have the option to load the data when the user is already on the page, making the user really happy.
This course covers the following:
How to setup a localhostWhat Fetch and XHR are and how they work
How to load an external files into the JavaScript
How to connect to web apis and load data Using JavaScript to read response content and make use of it
Exercise to build a random user loader
Using AJAX to get a txt file content
Exercise Getting Random Jokes to output on a website
Using Fetch Exercise Posting form data to a server using Fetch
Practice AJAX
The possibilities are endless: using JavaScript to send requests, receive response content and use the response data to output into the html. JavaScript is at the center of it all, connecting the web page and providing you a wide variety of options where you can take the code provided within this course and extend on it in any number of directions. Learn, practice, and have fun.
Show more Show lessAJAX Using JavaScript Libraries jQuery and Axios
Learn how to make AJAX requests from the most popular JavaScript libraries including jQuery and Axios.
About This Video: Learn about AJAX and how to make a request for data using jQuery or Axios. Designed to let you practice and give you a complete understanding of how AJAX requests are made and the response that...
Learn how to make AJAX requests from the most popular JavaScript libraries including jQuery and Axios.
About This Video: Learn about AJAX and how to make a request for data using jQuery or Axios. Designed to let you practice and give you a complete understanding of how AJAX requests are made and the response that can be expected.
In Detail: This course contains advanced solutions that will take you from newbie to pro in performing AJAX requests f...
Learn how to make AJAX requests from the most popular JavaScript libraries including jQuery and Axios.
About This Video: Learn about AJAX and how to make a request for data using jQuery or Axios. Designed to let you practice and give you a complete understanding of how AJAX requests are made and the response that can be expected.
In Detail: This course contains advanced solutions that will take you from newbie to pro in performing AJAX requests from the most popular JavaScript libraries including jQuery and Axios. The course will several examples of how to connect to web APIs and retrieve data for your web applications.
jQuery provides a powerful, easy-to-use library that is famous for making AJAX easy. You’ll see how you can use this most popular JavaScript library to do more with less coding. Not only is AJAX easy with jQuery, it’s also extremely easy to update your page elements and add event listeners. Why not try jQuery and do something amazing online? Axios provides a seamless AJAX approach that works off promises. Using the JavaScript XHR object, it’s a powerful but really lightweight option to bring AJAX into your projects. This library is popular and easy to get started with. You’ll use Axios to power your AJAX requests and combine it with plain JavaScript to update the DOM. The course provides several examples of how to implement it and use it within your code. By the end of the course, you’ll have a fully-functional application where you can make a request for data using jQuery or Axios.
INTRODUCTION TO USING AJAX
Introduction to AJAX with jQuery and Axios
Introduction to jQuery
AJAX with jQuery
jQuery AJAX output to element
jQuery in Codepen
jQuery AJAX shorthand
jQuery Mulitple Items API
jQuery Post example
jQuery post with AJAX
JQuery Exercise Overview
JavaScript libraries for AJAX
AXIOS Get Data Update HTML
Loop Multiple Items in Object
Axios AJAX post
Axios Exercise Overview
Show more Show lessA Car Racer JavaScript Game Exercise Using Vanilla JavaScript
Create a custom JavaScript Car racer game from scratch using only JavaScript - Practice Exercises.
About This Video: Build a fully functional racing game from scratch. Accelerate your web pages with Google Sheet, Docs and Slides.
In Detail: Have you ever wanted to build amazing and interactive games? If yes, then...
Create a custom JavaScript Car racer game from scratch using only JavaScript - Practice Exercises.
About This Video: Build a fully functional racing game from scratch. Accelerate your web pages with Google Sheet, Docs and Slides.
In Detail: Have you ever wanted to build amazing and interactive games? If yes, then this course is perfect for you. A basic knowledge of JavaScript is desirable as the course covers only JavaScript relevant to building...
Create a custom JavaScript Car racer game from scratch using only JavaScript - Practice Exercises.
About This Video: Build a fully functional racing game from scratch. Accelerate your web pages with Google Sheet, Docs and Slides.
In Detail: Have you ever wanted to build amazing and interactive games? If yes, then this course is perfect for you. A basic knowledge of JavaScript is desirable as the course covers only JavaScript relevant to building a game. Also, HTML and CSS knowledge is essential as the scope of this course focuses entirely on JavaScript. The course is designed to teach you to use JavaScript. We cover the following:- Learn how to set up your gameplay area using HTML and CSS Add JavaScript setting event listeners Add keyboard actions to move an HTML div using keyboard arrow keys. Run AnimationFrame() to change element position and respond to the user's commands Set up and start game functionality. Create a dynamic JavaScript road. Create elements within JavaScript Access the JavaScript Document Object Model to manipulate element properties. Set up and add values within an object to track location and movement. Set up a dashboard to output variables for the user such as the score and speed. Add road movement. Track speed dynamically with braking and accelerating. Add other cars and have them move within the gameplay area. Check for element overlap and detect collisions. Score and extend gameplay. Practicability is the key to this course. Using JavaScript, you have a wide variety of options whereby you can take the code provided within this course and expand it in any number of directions. Learn, practice, and create your own interactive game.
INTRODUCTION TO JAVASCRIPT CAR RACER EXERCISE Car Racer Introduction. New JavaScript Racer Game Exercise HTML setup container Gameplay CSS setup styling JavaScript Element Selection JavaScript Event Listeners Setup Player Car and Start Functions JavaScript Road Building Interaction with Keyboard Update Dashboard Values Moving Road JavaScript Tweak moving road Side move Keep player on the road JavaScript Game Adding other Cars Making other cars move JavaScript Element Collision detection Element Overlap Detection Crash Checker JavaScript Collide JavaScript Game Over end Game planning Enemy collision detection Car hit Car Check Final Game Over Play JavaScript Next level Restart Game JavaScript Exercise Code Review and Overview Show more Show lessAn Exercise on the JSON Server with an AJAX Practice Application
Learn JSON, practice making XHR requests and receiving responses in JavaScript, and set up a JSON server locally.
About This Video: Practical exercises to help you build interactive applications driven by local JSON DB data. Learn to set up local-hosted JSON server.
In Detail: Are you looking for an easy way to s...
Learn JSON, practice making XHR requests and receiving responses in JavaScript, and set up a JSON server locally.
About This Video: Practical exercises to help you build interactive applications driven by local JSON DB data. Learn to set up local-hosted JSON server.
In Detail: Are you looking for an easy way to set up a local-hosted JSON server? This course is designed to help you set up and learn JSON and AJAX. You'll use it locally on your own...
Learn JSON, practice making XHR requests and receiving responses in JavaScript, and set up a JSON server locally.
About This Video: Practical exercises to help you build interactive applications driven by local JSON DB data. Learn to set up local-hosted JSON server.
In Detail: Are you looking for an easy way to set up a local-hosted JSON server? This course is designed to help you set up and learn JSON and AJAX. You'll use it locally on your own machine and practice working with AJAX and JSON--all from your computer. No CORS errors, no problems; everything will be done locally. This course is designed to help you learn and practice JSON and will walk you through setting up a JSON Server. This will give you a fully functional JSON database that you can use to practice JSON and AJAX.
This course covers the basics of XHR requests in JavaScript and how to GET and POST data. Then, you'll learn how to make XHR requests, see database updates directly in your editor, and view the JSON database. Further, you'll find out more about tools and resources that are used to make XMLHttp Requests in JavaScript. JavaScript Object Notation (or JSON) is an open-standard file format that uses human-readable text to transmit data objects consisting of attribute-value pairs and array data types. It is a very common data format used for an asynchronous browser-server communication, including as a replacement for XML in some AJAX-style systems. By the end of this course, you will have all the knowledge you need to set up JSON locally and AJAX with JavaScript.
INTRODUCTION TO SETTING JSON LOCALLY AND AJAX WITH JAVASCRIPT
JSON server course Introduction
Setup Local JSON DB
Postman Tool for AJAX
Create your HTML elements
Interactive Button
XHR request data
XHR post data to json DB
Exercise: JSON server interface
Exercise: Build Page Comments
Post create new posts
Search JSON server
List Comments
Add Post Comments
Code Review JSON server
Show more Show lessA Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript
Learn HTML, CSS, and JavaScript all in one place, packed with exercises and source code with examples.
About This Video: Learn HTML, CSS and JavaScript all in one course. Learn to create interactive websites from scratch.
In Detail: This course is going to take you on a journey where you’ll learn and practice HT...
Learn HTML, CSS, and JavaScript all in one place, packed with exercises and source code with examples.
About This Video: Learn HTML, CSS and JavaScript all in one course. Learn to create interactive websites from scratch.
In Detail: This course is going to take you on a journey where you’ll learn and practice HTML CSS and JavaScript all in one course. This includes various topics in HTML such as how to write and practice HTML, Heading Tags, Upd...
Learn HTML, CSS, and JavaScript all in one place, packed with exercises and source code with examples.
About This Video: Learn HTML, CSS and JavaScript all in one course. Learn to create interactive websites from scratch.
In Detail: This course is going to take you on a journey where you’ll learn and practice HTML CSS and JavaScript all in one course. This includes various topics in HTML such as how to write and practice HTML, Heading Tags, Update template and lots more. You will be able to understand CSS, Advanced CSS, and Apply CSS in creating a website etc. This course is designed to help you learn and practice front-end coding for website development and design. Source Code and examples are included to get you started quickly. Links to top resources and more all available in one massive course. You will be able to create interactive websites from scratch, and it allows you to become familiar with coding and creating web pages and applications.
Show more Show lessAn Image Uploader App with Google Apps Script
Google Apps Scripts lets you unite the power of Google's products to easily build amazing web applications.
About This Video: Build an app that can upload images to Google Drive Explore the power of Google Apps Script and how it works.
In Detail: Google Apps Script provides an amazingly easy way to unite t...
Google Apps Scripts lets you unite the power of Google's products to easily build amazing web applications.
About This Video: Build an app that can upload images to Google Drive Explore the power of Google Apps Script and how it works.
In Detail: Google Apps Script provides an amazingly easy way to unite the power of the Google Suite of products using the cloud-based JavaScript language. Within the course, we walk you through creating an...
Google Apps Scripts lets you unite the power of Google's products to easily build amazing web applications.
About This Video: Build an app that can upload images to Google Drive Explore the power of Google Apps Script and how it works.
In Detail: Google Apps Script provides an amazingly easy way to unite the power of the Google Suite of products using the cloud-based JavaScript language. Within the course, we walk you through creating an image uploader from scratch that can allow users to upload images to your Google Drive, track uploaded images with paths in Google Sheets, notify you of the upload, and more. This course is an introduction to using Apps Script; it's perfect for those who have never used Apps Script before and want to get started with it.
JavaScript knowledge is essential as the scripting language is based on JavaScript; an understanding of JavaScript will facilitate getting started with this course.
Build your app on the cloud within the Google cloud IDE, no need to download anything; all available in the cloud, making it easy to share and collaborate on projects. Yes, they have version control, which makes the development environment easy to access and ideal for building Google web apps. Using this course, you have a wide variety of options where you can take the code provided within this course and expand on it in any number of directions.
Show more Show lessAn Infinite Scroll Project Using AJAX, MySQL, API, PHP, and JQuery
Explore how to create a web application that sends requests to the server for additional data as users scroll the page.
About This Video: Learn how to set up the structure of your web application. Find out about creating a PHP database connection. Create a simple PHP application to populate the database with lorem...
Explore how to create a web application that sends requests to the server for additional data as users scroll the page.
About This Video: Learn how to set up the structure of your web application. Find out about creating a PHP database connection. Create a simple PHP application to populate the database with lorem ipsum text. Explore how an API works outputting content from the MySQL database into JSON format. Use PHP code to build a customized J...
Explore how to create a web application that sends requests to the server for additional data as users scroll the page.
About This Video: Learn how to set up the structure of your web application. Find out about creating a PHP database connection. Create a simple PHP application to populate the database with lorem ipsum text. Explore how an API works outputting content from the MySQL database into JSON format. Use PHP code to build a customized JSON output. Explore how easy it is to make AJAX requests with jQuery Use JavaScript to detect scroll and more. Assemble your HTML page dynamically Examine how web applications are built.
In Detail: Infinite scrolling is a web-design technique that loads content continuously as the user scrolls down the page, eliminating the need for pagination. This technique popular is used on many websites and this course will show you how to build one yourself from scratch. Best of all this course provides a great learning experience on how to develop an API that can return database content into the front end. Prerequisites to this course include working knowledge of jQuery, JavaScript, and PHP. We cover the aspects of the languages needed to create the API endpoint and to query the endpoint for data. One of the best ways to learn to programme is by projects and this project is perfect since it combines the use of multiple technologies within one application so that students get a real-world experience. Source Code is included to get you started quickly. Taught by an instructor with over 18 years of web development experience, ready to help answer any questions you may have. Join now and start building your own applications today.
Show more Show lessA JavaScript Exercise - Target Blaster Game from Scratch
Learn and practice JavaScript with this fun game-building exercise course. About This Video: Build a simple interactive JavaScript-based game. Learn and explore what’s possible with JavaScript and the Document Object Model (DOM)
In Detail: This course will take you on a journey where you’ll learn to build a fun...
Learn and practice JavaScript with this fun game-building exercise course. About This Video: Build a simple interactive JavaScript-based game. Learn and explore what’s possible with JavaScript and the Document Object Model (DOM)
In Detail: This course will take you on a journey where you’ll learn to build a fun JavaScript-based game from scratch. Source code needed to build a JavaScript DOM is also included. This allows you to explore animation...
Learn and practice JavaScript with this fun game-building exercise course. About This Video: Build a simple interactive JavaScript-based game. Learn and explore what’s possible with JavaScript and the Document Object Model (DOM)
In Detail: This course will take you on a journey where you’ll learn to build a fun JavaScript-based game from scratch. Source code needed to build a JavaScript DOM is also included. This allows you to explore animation functionality and how you can dynamically create, update, and move elements around with just JavaScript. JavaScript has a lot to offer and you can really make some amazing things happen when you apply it within your code. You’ll be able to do a lot of things such as setting your page to be ready for dynamic interaction, add event listeners, create animation frames, and set up game animation, update the game, and improve gameplay and action with hazards and a lot more.
Show more Show lessA JavaScript Game Exercise Built from Scratch to Catch Objects
Explore how you can learn and practice JavaScript building a fun interactive game from Scratch. JavaScript practice.
About This Video: Explore setting up a basic game structure page, and add in the various variable for tracking of values. Connect your keyboard key presses to movement of an element within your HTML...
Explore how you can learn and practice JavaScript building a fun interactive game from Scratch. JavaScript practice.
About This Video: Explore setting up a basic game structure page, and add in the various variable for tracking of values. Connect your keyboard key presses to movement of an element within your HTML. Add collision detection checks to determine if elements have crossed paths. Move elements and construct bounding values. Add self-mo...
Explore how you can learn and practice JavaScript building a fun interactive game from Scratch. JavaScript practice.
About This Video: Explore setting up a basic game structure page, and add in the various variable for tracking of values. Connect your keyboard key presses to movement of an element within your HTML. Add collision detection checks to determine if elements have crossed paths. Move elements and construct bounding values. Add self-moving objects for the player to interact with. Complete scoring tweaks updates and more.
In Detail: This course will take you on a journey where you’ll learn and practice JavaScript by building a fun interactive game from Scratch. We’ll explore animation functionality and you’ll see how to apply it within your code to make things happen. You’ll learn a lot of things such as how to set up a basic game structure page, connect your keyboard key presses to movement of an element within your HTML, move elements, and construct bounding values and a lot more. Source code is also included.
INTRODUCTION TO BUILDING A JAVASCRIPT GAME FROM SCRATCH
Introduction to JavaScript exercise
JavaScript and Page Setup
JavaScript AnimationFrame
javaScript cancelAnimationFrame
Begin Game JavaScript
JavaScript Interactive
JavaScript Code Tweak
Get moving JavaScript
Collision Detection Elements
Bring on the BadGuys
Tweak BadGuys JavaScript
GamePlay in Action
Start the Game Tweaks
Final Code Review
Show more Show less