Skip to content

README.md

Latest commit

 

History

History
53 lines (38 loc) · 1.78 KB

README.md

File metadata and controls

53 lines (38 loc) · 1.78 KB

💻 Frontend Assignments Repository

This repository contains 28 frontend development assignments designed to strengthen your skills in HTML, CSS, JavaScript, and Bootstrap. These exercises range from basic webpage building to interactive components, API calls, and DOM manipulation.

📘 Assignment List

🟠 HTML & Basic Formatting

  1. Create a paragraph using all HTML text formatting tags
  2. Bio of a celebrity using HTML
  3. Wikipedia page links for celebrities (click to open real Wiki pages)
  4. HTML form with all input types
  5. Styled HTML page using CSS

🟡 Intermediate Layouts and Forms

  1. Fancy table (linked with celebrity data)
  2. Build a personal portfolio
  3. Create a login form
  4. Create a signup form
  5. Pattern printing using JavaScript loops
  6. Print odd multiples of odd & even multiples of even numbers

🔵 Bootstrap & Grid

  1. Create image grid layout using Bootstrap
  2. Updated login form with better layout

🟢 JavaScript Fundamentals

  1. Array methods in Javascript and Object with map(), filter(), and reduce() methods
  2. Build a wedding invitation website using HTML & CSS
  3. Simple calculator and interest calculator (PTR)
  4. Change background color on button click
  5. Drum kit web app
  6. Change heading based on scroll and mouse events
  7. Illustrate closures in JavaScript

🔴 DOM Events & APIs

  1. Make API call and log/load data to the page
  2. Example on event bubbling
  3. Example on event capturing
  4. Event bubbling vs event capturing comparison

⚫ Algorithmic Challenges

  1. Find Kth largest & smallest number and count occurrences in array
  2. jQuery example
  3. Difference between let, var, and const
  4. Play different animal sounds