![]() ![]() In this folder, we'll store all icons and any other media used in our project. Hover the mouse on the sidebar to find the icon for creating new files or foldersĬreate a sub-folder named assets and the following files: index.html, style.css, and script.js. Initially, our workspace will look like this: Try it now! Setting up the project environmentĬreate a new folder named Temperature Converter and open the folder in VScode. Basics knowledge of jQuery and Bootstrap. ![]() It saves developers a lot of time by completing complicated tasks with just a few lines of code. JQuery is a small, fast, and feature-rich library. While other powerful libraries and frameworks have emerged, jQuery is very beginner friendly and is the best library for practicing and getting started in JavaScript libraries. You can read more about it on its official website. ![]() Additionally, the bootstrap grid system is based on Flex, which provides us with full responsive support for any website. We are using this library because of its variety of components. The suggested text editor is VScode, but you can choose any other text editor you like. The tutorial will guide you through the step-by-step process of setting up the GitHub repositories before publishing the website. We will deploy this project on GitHub using GitHub pages, a hosting service by GitHub that allows you to publish static websites online directly from repositories. In this tutorial, we will create a temperature converter and walk through how the website works. Here is the live demo of Temperature converter website. We're going to build a temperature converter that will convert Fahrenheit, Celsius, and Kelvin units to each other, using the most popular CSS framework called Bootstrap 4.6 and JavaScript library - jQuery. While Kelvin is the SI Unit of temperature, people generally prefer Fahrenheit or Celsius unit type to measure temperature. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |