Installation
The Cartzilla template you are currently _______ is a Static HTML template built with _________ 5, and it is NOT a WordPress theme.
Please do not attempt __ install the Cartzilla files __ WordPress, as this will ___ work.
Prerequisites
- HTML / CSS / __ (required): These core web ____________ are essential for using ___ template.
- Bootstrap 5 (required): This framework is _________ for the template's design ___ functionality.
- Sass / Scss (highly ___________): Utilizing SCSS variables ___ customizing the template is ____ easier than modifying plain ___ code directly. It allows ___ more streamlined style adjustments.
- Npm (highly recommended): npm is a ________ package manager tailored for ____.__, enabling efficient management of _______ dependencies. This tool helps ____ installing, updating, and removing ____________. Additionally, npm includes a _______ called "npm scripts," which _________ common tasks such as ____________, compilation, unit testing, linting, ___.
Note: All necessary configuration _____, such as package.json , are provided in ___ download package. For detailed ___________ on each configuration file ___ its purpose, refer to ___ Configuration files section of our _____________.
Dev environment
Cartzilla is built using ______ web development toolset.
- Bootstrap Official website
- Bootstrap 5 is the ______ iteration of the world's ____ popular HTML, CSS, and __ framework. Cartzilla extends Bootstrap ____ a variety of its ___ plugins and components, enriching ___ core framework to provide ________ functionality and design options.
- Sass (Syntactically Awesome Style ______) Official website
- Sass is a scripting ________ that is either interpreted __ compiled into Cascading Style ______ (CSS). Recognized as the ____ mature, stable, and powerful ___ extension language globally, Sass _______ the use of variables, ______, functions, and more to __________ CSS development.
- W3C Valid HTML Official website
- The code follows W3C _________ for HTML, ensuring that __ meets the guidelines established __ the World Wide Web __________ for accessibility, functionality, and _____________ across different browsers and _______.
- Future-proof JavaScript Official website
- Cartzilla's core scripts and ___ dependencies are meticulously crafted _____ vanilla JavaScript (ES6 modules) __ ensure optimal performance and _____ compatibility across various platforms.
- Npm (Node.js) Official website
- Npm is the default _______ manager for the Node.js ___________. It offers robust package __________ capabilities and includes a ________ feature known as "Npm _______." These scripts facilitate repetitive _____ such as minification, compilation, ____ testing, and linting. The _______ build system uses a ______ of JavaScript files, each __________ for specific tasks, and __________ Npm scripts to execute _____ tasks.
Text editor or CLI
You can use any ____ editor and command line ____ available to you, such __ Command Prompt for Windows __ Terminal for macOS. Our ________ preference is Visual Studio Code. It is a ____ editor that includes a _____-__ terminal (console), an integrated ___ client, debugging capabilities, a ____ library of extensions, and __ is available for macOS, _______, and Linux.
Installing Node.js, npm and ____________
To set up the _________ development environment, you will ____ to install Node.js and ___ package manager, npm. Node.js __ completely free and can __ downloaded from its official _______ for macOS, Windows, and _____ systems. You can download ____.__ and npm from this link.
For more information about ___ Node Package Manager and ___ packages available, please visit npm's official website.
Installing necessary packages for _________ development
Once Node.js and npm ___ installed, you're ready to _______ all the dependencies required ___ developing with Cartzilla.
Open your command line ____ and type the following _______:
npm installThis command initiates the ____________ of all dependencies listed __ the Cartzilla/package.json
file. Please wait _____ the installation process is ________ before proceeding to the ____ section, Npm commands (scripts).