First, please download this project. Once you unzip the folder, please rename it as follows: firstname-lastname-ai-markup Then open the folder as a new project in Visual Studio Code. You will see only a single file here: index.html In the body of that file, you will notice that there is a lot of text. However, none […]
Category: HTML
In this exercise, you will need to use container queries. First, please download the required images. Then, please examine the screenshots. And finally, watch this short Loom video. If this is a test, you may use your notes or the Internet. Talking with anyone other than me, an IA, or other exam invigilator will result […]
Categories
Intro to Front End Libraries: Bootstrap
Bootstrap is a popular web development library of pre-built HTML, CSS, and JavaScript components. Developed by Twitter, it gained widespread adoption due to its ease of use and ability to create responsive websites. Bootstrap simplifies the web development process by offering a set of ready-to-use mobile-first UI components, such as buttons, navigation bars, forms, grids, […]
In the following exercise, you will make a sign-up form and a gallery. You will also need to use container queries and the srcset and sizes attributes. To begin, please download the files you will require. In the downloaded archive, you will find the following: Change the name of the downloaded folder to your-full-name-jazzclass. You […]
First, please download the starter files and the screenshots. Then watch this Loom video to see the layout you need to created. You must use SASS in this exercise. Make a logical project structure. The minimum requirement is that you use variables for all colors and fonts. Use a mobile first methodology to compose your […]
First, please download the starter files and the screenshots. Then watch this Loom video to see the layout you need to create. You must use CSS Custom Properties (CSS Variables) in this exercise. The minimum requirement is that all references to fonts and colors must be done with variables. Use a mobile first methodology to […]
The starter files for this class demonstration include four separate projects. Each has most of the styling done, but none for the layout. The aim, then, is to focus purely on various advanced grid properties: The projects are: The first two projects are also available in a start-from-the-beginning form elsewhere in this site.
Categories
Jazzer.Com Sign Up Form Exercise
In the following exercise, you will make a sign-up form. To begin, please download the files you will require: the background image, and a text file containing all the text used in the page. A couple words in the text file may not match the screenshots on this page: don’t worry about that. Here is […]
Categories
JazzClass.Com Sign Up Form Exercise
In the following exercise, you will make a sign-up form (and possibly a gallery). To begin, please download the files you will require. In the downloaded archive, you will find the following: Change the name of the folder to your-full-name-jazzclass. You can use the Internet, your notes, or previous files. If this is a test, […]
For this exercise, there is nothing to download, except for the screenshots. In the exercise, you will make a single page for an imaginary software company called Photon Software. The page will display details of five apps built by the company. Each app’s details will occupy one panel in the page. Please look at the […]