andre3992 / checkpoint

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Checkpoint1 - JS

!!! First step, before the first exercise !!!


  • Clone this project
  • Create a branch with "city_lastName_firstName", where you'll push all your code eg: milan_rossi_vasco

Everytime you complete an exercise:

  • Commit.
  • Push to your branch

Checkpoint 1

Part 1: Algorithms

Solve the following exercises, see the intructions in each file:

algo1.js

algo2.js

(BONUS) algo3.js

Part 2: Gallery with Bootstrap or not

Create an index.html and an index.css.

Create a gallery of recipe photos. If you want, you can do it with the Bootstrap grid system. Get some photos here: https://pixabay.com/images/search/recipes/?orientation=horizontal

The grid should follow these layouts:

  • Desktop: 4x6
  • Tablet: 2x12
  • Smartphone: 1x24

[Bonus (if you have more time)]

Use jQuery Fancybox 3 to create a lightbox gallery.

Resources:

To use bootstrap: https://getbootstrap.com/docs/4.3/getting-started/introduction/#css Note: don't forget to import not only the css <link/> but also all the JS <script/>s.

About


Languages

Language:HTML 55.0%Language:JavaScript 40.1%Language:CSS 4.9%