Posts

Showing posts from September, 2024

#21 Cryptocurrencies Table - Part 1

Image
How to create a webpage for displaying the cryptocurrencies data like CoinGeko? Welcome to the second season of the javaScript tutorials. In this series of tutorials we are going to cover more advanced videos about DOM, BOM, local storage, API, Ajax, callbacks, Async functions and so on. In this video you will practice the tools that we have learned so far by designing a webpage that shows cryptocurrencies in order of their market cap using the CoinGeckoAPI in a table with their price data, symbol, logo and name. Github Link for Sci-Fi-Games-UI-Elements-Pack: https://github.com/arashtad/Sci-Fi-Games-UI-Elements-Pack Github Link of the Project: https://github.com/arashtad/Arashtad-Online-Crypto-Data-Table API Link: https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=100&page=1&sparkline=false Watch The Video on Youtube https://blog.arashtad.com/updates/21-cryptocurrencies-table-part-1/?feed_id=10091&_unique_i

#20 IP Location Tracking

Image
How to Create a Web Page for Displaying the Location of an IP? Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will practice the tools that we have learned so far by designing a webpage that displays the location of the IP address we are using. Github Link for Sci-Fi-Games-UI-Elements-Pack: https://github.com/arashtad/Sci-Fi-Games-UI-Elements-Pack Github Link of the Project: https://github.com/arashtad/Arashtad-IP-Location-Data Watch The Video on Youtube https://blog.arashtad.com/updates/20-ip-location-tracking/?feed_id=10075&_unique_id=66e861f4451c0

#19 How to Create a Web Page for Displaying IMDB Movies? (Part 2)

Image
How to Create a Webpage for Displaying IMDB Movies? (Part 2) Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will practice the tools that we have learned so far by designing a webpage that displays the top famous movies according to the IMDB website. We will use the Arashtad Sci-Fi-Games-UI-Elements-Pack repository to easily create beautiful cards and contain the movie details. Additionally, we will utilize a special API that helps us retrieve the movies in sequence along with their details. Github Link for Sci-Fi-Games-UI-Elements-Pack: https://github.com/arashtad/Sci-Fi-Games-UI-Elements-Pack Github Link of the Project: https://github.com/arashtad/Arashtad-IMDB-Movies-cards Link of the API Website: https://imdb-api.com/ Watch The Video on Youtube https://blog.arashtad.com/updates/

#18 How to Create a Web Page for Displaying IMDB Movies? (Part 1)

Image
arashtad, js tutorials, javascript course, learn javascript, advanced javascript tutorials Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will practice the tools that we have learned so far by designing a webpage that displays the top famous movies according to the IMDB website. We will use the Arashtad Sci-Fi-Games-UI-Elements-Pack repository to easily create beautiful cards and contain the movie details. Additionally, we will utilize a special API that helps us retrieve the movies in sequence along with their details. Github Link for Sci-Fi-Games-UI-Elements-Pack: https://github.com/arashtad/Sci-Fi-Games-UI-Elements-Pack Github Link of the Project: https://github.com/arashtad/Arashtad-IMDB-Movies-cards Link of the API Website: https://imdb-api.com/ Watch The Video on Youtube http

#17 Async/Await in JavaScript

Image
Async/Await in JavaScript Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will learn about async functions in JavaScript. We use these types of functions when we want a process to finish before moving on to the next one. They work exactly the same as Promises. Watch The Video on Youtube https://blog.arashtad.com/updates/17-async-await-in-javascript/?feed_id=10027&_unique_id=66e6677fe2d18

#16 Promise in JavaScript

Image
Promise in JavaScript Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will learn about Promises in JavaScript. Although these days we primarily use async/await instead of Promises, we still prefer to teach them so that you will become familiar with the structure of a Promise as well. Watch The Video on Youtube https://blog.arashtad.com/updates/16-promise-in-javascript/?feed_id=10011&_unique_id=66e5be9b13844

#15 AJAX in JavaScript

Image
AJAX in JavaScript Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, AJAX, callbacks, asynchronous functions, and more. In this video, you will learn about AJAX in JavaScript. Although these days we primarily use API functions instead of AJAX, we still prefer to teach it so that you will become familiar with XML requests as well. IMDB API Link: https://imdb-api.com/ Watch The Video on Youtube https://blog.arashtad.com/updates/15-ajax-in-javascript/?feed_id=9995&_unique_id=66e516dfe6431

#14 Callbacks in JavaScript

Image
Callbacks in JavaScript Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video you will learn about callback functions in JavaScript. Watch The Video on Youtube https://blog.arashtad.com/updates/14-callbacks-in-javascript/?feed_id=9979&_unique_id=66e46d44cfa91

#13 TodoList In JavaScript

Image
TodoList In JavaScript Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will practice the tools that we have learned so far by designing a Todo List webpage using the Arashtad style. Github Link: https://github.com/arashtad/login-form-with-local-storage Watch The Video on Youtube https://blog.arashtad.com/updates/13-todolist-in-javascript/?feed_id=9963&_unique_id=66e3c46bdd45a

#12 A Useful Project for Practicing DOM Events and Local Storage

Image
A Useful Project for Practicing DOM Events and Local Storage Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will practice the tools that we have learned so far by designing a login page that retrieves the username and password from the user and stores them in local storage. The tools that we will use are DOM, events, and local storage. Github Link: https://github.com/arashtad/login-form-with-local-storage Watch The Video on Youtube https://blog.arashtad.com/updates/12-a-useful-project-for-practicing-dom-events-and-local-storage/?feed_id=9947&_unique_id=66e31bab9e217

#11 Local Storage in JavaScript

Image
Local Storage in JavaScript Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will learn about local storage in JavaScript. Local storage is used for saving useful data, mostly from the user's browser, so that we can later use it for specific purposes. Watch The Video on Youtube https://blog.arashtad.com/updates/11-local-storage-in-javascript/?feed_id=9931&_unique_id=66e2731c39f14

#10 BOM Tutorials - Part 2

Image
BOM Tutorials - Part 2 Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will learn about BOM, which stands for Browser Object Model. It helps you access and manipulate some of the parameters related to the browser, similar to the way DOM does. Watch The Video on Youtube https://blog.arashtad.com/updates/10-bom-tutorials-part-2/?feed_id=9915&_unique_id=66e1ca30ec1de

#9 BOM Tutorials - Part1

Image
BOM Tutorials - Part1 Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will learn about BOM, which stands for Browser Object Model. It helps you access and manipulate some of the parameters related to the browser, similar to the way DOM does. Watch The Video on Youtube https://blog.arashtad.com/updates/9-bom-tutorials-part1/?feed_id=9899&_unique_id=66e121d5dcd8d

#8 Nodes in DOM

Image
Nodes in DOM Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will learn how to navigate through DOM elements and explore concepts such as nodes, child nodes, parent nodes, and more. Watch The Video on Youtube https://blog.arashtad.com/updates/8-nodes-in-dom/?feed_id=9883&_unique_id=66e078b781081

#7 Navigation in DOM

Image
Navigation in DOM Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we will cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, asynchronous functions, and more. In this video, you will learn how to navigate through DOM elements and explore concepts such as nodes, child nodes, parent nodes, and more. Watch The Video on Youtube https://blog.arashtad.com/updates/7-navigation-in-dom/?feed_id=9867&_unique_id=66dfcfd5d6902

#6 DOM Query Selector and Query Selector All

Image
DOM Query Selector and Query Selector All Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, APIs, Ajax, callbacks, and asynchronous functions. In this video, you will learn how to work with 'querySelector' and 'querySelectorAll' as alternative functions to get elements by ID, tag name, or class name. Watch The Video on Youtube https://blog.arashtad.com/updates/6-dom-query-selector-and-query-selector-all/?feed_id=9851&_unique_id=66df2831465d6

#5 DOM AddEventListener

Image
DOM AddEventListener Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics such as DOM, BOM, local storage, APIs, Ajax, callbacks, and asynchronous functions. In this video, you will learn how to use the 'addEventListener' inside your JavaScript code. 'addEventListener' works the same way as events, with the difference that it is written next to the JavaScript code rather than inside HTML tags. Watch The Video on Youtube https://blog.arashtad.com/updates/5-dom-addeventlistener/?feed_id=9835&_unique_id=66de7ebc717d9

How to Access and Manipulate Images and Forms Using DOM?

Image
How to Access and Manipulate Images and Forms Using DOM? Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, API, Ajax, callbacks, async functions, and so on. In this video, you will learn how to manipulate and access images and forms using the DOM. In other words, we will see how we can change images and edit forms using the Document Object Model. Watch The Video on Youtube https://blog.arashtad.com/updates/how-to-access-and-manipulate-images-and-forms-using-dom/?feed_id=9819&_unique_id=66ddd63fa35f7

#4 DOM Styles and Events

Image
DOM Styles and Events Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, API, Ajax, callbacks, async functions, and so on. In this video, you will learn how to apply different styles to your HTML document using the DOM. Afterwards, you will learn how to handle various events such as mouse clicks, button clicks, mouseovers, and so on. Watch The Video on Youtube https://blog.arashtad.com/updates/4-dom-styles-and-events/?feed_id=9803&_unique_id=66dd2dc945245

#2 DOM Elements

Image
DOM Elements Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, API, Ajax, callbacks, async functions, and so on. In this video, you will learn about DOM elements and how to work with them. There are many ways in which you can retrieve HTML elements. In this video, we will cover most of them. Watch The Video on Youtube https://blog.arashtad.com/updates/2-dom-elements/?feed_id=9787&_unique_id=66dc8465b2668

#1 DOM Introduction

Image
DOM Introduction Welcome to the second season of the JavaScript tutorials. In this series of tutorials, we are going to cover more advanced topics, including DOM, BOM, local storage, API, Ajax, callbacks, async functions, and so on. In this video, you will learn about DOM and BOM concepts, what they are, and why we need them in JavaScript Watch The Video on Youtube https://blog.arashtad.com/updates/1-dom-introduction/?feed_id=9771&_unique_id=66dbdc0d159ce

#59 Chart - Part 7 (Django Beginner to Intermediate Tutorials)

Image
How to Add Charts to a Django Project Welcome to another part of the django tutorials. In this part you will learn how to create and render line chart and bargraph from the data of the database using chart.js. The example that we will work on, is the blood pressure of a patient whose data can be recorded in the admin panel and then the charts can be rendered accordingly. Watch The Video on Youtube https://blog.arashtad.com/updates/59-chart-part-7-django-beginner-to-intermediate-tutorials/?feed_id=9755&_unique_id=66db33423621b

#58 Chart - Part 6 (Django Beginner to Intermediate Tutorials)

Image
How to Add Charts to a Django Project Welcome to another part of the django tutorials. In this part you will learn how to create and render line chart and bargraph from the data of the database using chart.js. The example that we will work on, is the blood pressure of a patient whose data can be recorded in the admin panel and then the charts can be rendered accordingly. Watch The Video on Youtube https://blog.arashtad.com/updates/58-chart-part-6-django-beginner-to-intermediate-tutorials/?feed_id=9739&_unique_id=66da8a361d896

#57 Chart - Part 5 (Django Beginner to Intermediate Tutorials)

Image
How to Add Charts to a Django Project Welcome to another part of the django tutorials. In this part you will learn how to create and render line chart and bargraph from the data of the database using chart.js. The example that we will work on, is the blood pressure of a patient whose data can be recorded in the admin panel and then the charts can be rendered accordingly. Watch The Video on Youtube https://blog.arashtad.com/updates/57-chart-part-5-django-beginner-to-intermediate-tutorials/?feed_id=9723&_unique_id=66d9e1154a361

#56 Chart - Part 4 (Django Beginner to Intermediate Tutorials)

Image
How to Add Charts to a Django Project Welcome to another part of the django tutorials. In this part you will learn how to create and render line chart and bargraph from the data of the database using chart.js. The example that we will work on, is the blood pressure of a patient whose data can be recorded in the admin panel and then the charts can be rendered accordingly. Watch The Video on Youtube https://blog.arashtad.com/updates/56-chart-part-4-django-beginner-to-intermediate-tutorials/?feed_id=9707&_unique_id=66d93907a5bb6