Prod.academy homeworks

Below are all my homework assignments that I completed on the frontend course, at the prog. academy school, as a participant in the IT generation program.

Module 1 - HTML and CSS

1 Lecture - Introduction in HTML

• Task 1 - Formulas for the properties of degrees
  • demo / code base
• Task 2 - Quotes
  • demo / code base
• Task 3 - Сontents
  • demo / code base

2 Lecture - Work with graphic

• Task 1 - Anchor to top of page.
  • demo / code base
• Task 2 - Background without scaling
  • demo / code base
• Task 3 - Background with scaling
  • demo / code base

3 Lecture - Div, selectors, banner

• Making a simple banner
  • demo / code base

4 Lecture - Position, FLEX, icon font

• Task 1. Flexbox practice
  • demo / code base
• Task 2. Making a banner with blocks and icons
  • demo / code base

5 Lecture - Forms

• Task 1. Make a form with captcha
  • demo / code base
• Task 2. Make up a form with custom focus
  • demo / code base
• Task 3. Make up the dark form
  • demo / code base
• Task 4. Make up a form with icons
  • demo / code base
• Task 5. Finish live coding from lecture 5
  • demo / code base

6 Lecture - Transition, animation, hover, animate.css

• Make up a web page from a mockup
  • demo / code base

7 Practice - Navigation

• Task 1. Make a simple navbar
  • demo / code base
• Task 2. Make a simple menu
  • demo / code base
• Task 3. Make a navbar with collapsible submenu
  • demo / code base

8 Lecture - Tables, pseudo-classes, pseudo-elements, rem em, fr, introduction to Grid layout

• Reproduce site section layout using GRID Layout
  • demo / code base

8.1 Practice - Making a simple page with form

• Make up a web page from a mockup
  • demo / code base

9 Lecture - Grid, Adaptation, Hosting

• Task 1. Add a burger menu to the "Wasted Releases" project
  • demo / code base
• Task 2. Add adaptation to all previous projects.
  • ✓ Done
• Task 3. Register free hosting and domain, and publish a page with links to all projects there.
  • Available at http://bulhakov.rf.gd/music/

10 Lecture - SASS, working with Figma

• Make up a page according to the layout from Figma using the SASS preprocessor
  • demo / code base

Module 2 - JavaScript

11 Lecture - Introduction to JavaScript

• Solve 5 exercises from lecture 1
  • demo / code base

12 Lecture - Conditional constructions, "while" and "do while" loops

• Solve exercises 1 and 3 from lecture 2
  • demo / code base

13 Lecture - Cycles and arrays

• Solve exercises 2, 4 and 5 from lecture 2
  • demo / code base

14 Lecture - Arrays, methods, functions

• Solve all exercises from lecture 3
  • demo / code base

15 Lecture - Scopes and working with tags

• Using the select.options, select.value and select.selectedIndex properties, add 4 function buttons for navigating through the dropdown list items.
  • demo / code base

16 Lecture - Objets

• Solve exercises 4 from lecture 6
  • demo / code base

19 Lecture - Javascript text input calculator

• Create a javascript text input calculator
  • demo / code base

20 Lecture - Form with tabs

• Create a pop-up form with tabs and custom inputs
  • demo / code base

21 Lecture - Map, Football and Trello

• Add city names on mouseover
  • demo / code base
• Make a “football” mini-game with drag n drop API
  • demo / code base
• Make an app like Trello
  • demo / code base

22 Lecture - JSON task

• Create microblog with data from “JSON-placeholder”
  • demo / code base

Module 3 - React

23 Lecture - Exchange rate table

• Make a page with the exchange rate using the React library
  • demo / code base

24 Lecture - "Star Wars" application

• Start of development of the Star Wars app. - Output character cards using swapi.dev - Each card must have a title and an image - Each card must contain a link that opens in a new tab
  • demo / code base