https://github.com/devkodeio/the-dom-challenge

DOM Challenge is a 60-90 minutes online weekly challenge related to frontend development consisting of industrial level machine round questions.
https://github.com/devkodeio/the-dom-challenge

css devkode frontend html javascript js machine-round ui

Last synced: about 1 month ago
JSON representation

DOM Challenge is a 60-90 minutes online weekly challenge related to frontend development consisting of industrial level machine round questions.

• Host: GitHub
• URL: https://github.com/devkodeio/the-dom-challenge
• Owner: devkodeio
• Created: 2021-08-15T11:23:43.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-22T08:08:12.000Z (almost 2 years ago)
• Last Synced: 2024-02-16T10:41:59.254Z (5 months ago)
• Topics: css, devkode, frontend, html, javascript, js, machine-round, ui
• Language: HTML
• Homepage:
• Size: 9.73 MB
• Stars: 1,049
• Watchers: 16
• Forks: 220
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Lists

• awesome-frontend-interview-resources - DOM Challenges

README

        
# The DOM Challenge

Devkode is coming up with a weekly hackathon, **#TheDOMChallenge** 


It's a 60-90 minutes online weekly challenge related to frontend development consisting of

industrial level machine round questions.

---

### Challenge 1:

Implement Star Rating Widget using HTML, CSS and JavaScript [View](./star-rating/README.md)

**Duration:** 60 Minutes 


**Solution 1:** https://jsfiddle.net/devkodeio/2ovtnj8f/

**Solution 2:** https://jsfiddle.net/devkodeio/dry8mczx/

---

### Challenge 2:

Implement Pixel Art grid using HTML, CSS and JavaScript [View](./pixel-art/README.md)

**Duration:** 60 Minutes 


---

### Challenge 3:

Implement chess board using HTML, CSS and Vanilla Javascript, where if you click on any of the block it should highlight its diagonals. [View](./chess-board/README.md)

**Duration:** 90 Minutes 


---

### Challenge 4:

Implement color spotter game using HTML, CSS and Vanilla Javascript, where you have to identify the cell that is different from the rest. [View](./color-spotter/README.md)

**Duration:** 90 Minutes 


---

### Challenge 5:

Implement Progress bar using HTML, CSS and Vanilla Javascript. [View](./progress-bar/README.md)

**Duration:** 90 Minutes 


---

### Challenge 6:

Implement Memory Game using HTML, CSS and Vanilla Javascript. [View](./memory-game/README.md)

**Duration:** 90 Minutes 


---

### Challenge 7:

Implement Day Calendar using HTML, CSS and Vanilla Javascript. [View](./calendar/README.md)

**Duration:** 120 Minutes 





[Telegram](http://t.me/teamdevkode) | [Instagram](https://www.instagram.com/devkode.io/) | [Website](https://learn.devkode.io/)