https://github.com/liannoi/decent-frontend

Worthy layouts, from the point of view of the Back-end Developer.
https://github.com/liannoi/decent-frontend

bootstrap frontend jquery layouts sweetalert2 vanilla-javascript

Last synced: 5 months ago
JSON representation

Worthy layouts, from the point of view of the Back-end Developer.

• Host: GitHub
• URL: https://github.com/liannoi/decent-frontend
• Owner: liannoi
• License: apache-2.0
• Created: 2020-02-14T08:00:47.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-24T16:25:49.000Z (over 2 years ago)
• Last Synced: 2025-02-17T14:28:27.362Z (8 months ago)
• Topics: bootstrap, frontend, jquery, layouts, sweetalert2, vanilla-javascript
• Language: HTML
• Homepage:
• Size: 2.79 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Decent Front-end

It is also important for the Back-end Developer to be able to work with the

Front-end part. This repository contains the best pages that I wrote during the

training of the basic web (HTML, CSS, JavaScript).

The order of the pages (blocks that will go further) are sorted by the

temporary progress of the training. Thus, **on top** are the freshest and

possibly professional typesetting at that time.

## Samples

### [JavaScript Exam](https://github.com/liannoi/exam-javascript)

### [HTML/CSS Exam](https://github.com/liannoi/exam-html-css)

![](https://github.com/liannoi/exam-html-css/blob/master/res/preview-1400px.png)

---

### Gallery Preview (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/10-canvas/02-gallery-preview/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/10-canvas/02-gallery-preview)

---

### Gallery Selector (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/10-canvas/01-gallery-selector/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/10-canvas/01-gallery-selector)

---

### Form Pattern (regex)

![](https://github.com/liannoi/decent-frontend/blob/master/src/09-regex/03-form-pattern/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/09-regex/03-form-pattern)

---

### Occurrence Finder (regex)

![](https://github.com/liannoi/decent-frontend/blob/master/src/09-regex/02-occurrence-finder/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/09-regex/02-occurrence-finder)

---

### Word Marker (regex)

![](https://github.com/liannoi/decent-frontend/blob/master/src/09-regex/01-word-marker/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/09-regex/01-word-marker)

---

### API

![](https://github.com/liannoi/decent-frontend/blob/master/src/08-api-fetch/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/08-api-fetch)

---

### Cookies

![](https://github.com/liannoi/decent-frontend/blob/master/src/07-cookies/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/07-cookies)

[SweetAlert2](https://sweetalert2.github.io/)

---

### Drop this - into this ([jQuery](https://jquery.com/))

![](https://github.com/liannoi/decent-frontend/blob/master/src/06-jquery/03-drop/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/06-jquery/03-drop)

---

### Div Mover (jQuery)

![](https://github.com/liannoi/decent-frontend/blob/master/src/06-jquery/02-div-mover/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/06-jquery/02-div-mover)

---

### Form v.2.0.1 (jQuery)

![](https://github.com/liannoi/decent-frontend/blob/master/src/06-jquery/01-form/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/06-jquery/01-form)

---

### Pizzeria

![](https://github.com/liannoi/decent-frontend/blob/master/src/05-form/02-pizzeria/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/05-form/02-pizzeria)

---

### Form v.2

![](https://github.com/liannoi/decent-frontend/blob/master/src/05-form/01-form/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/05-form/01-form)

---

### Progress Bar (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/06-progress-bar/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/06-progress-bar)

---

### News (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/05-news/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/05-news)

---

### Tab Control (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/04-tab-control/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/04-tab-control)

---

### Collapse (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/03-collapse/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/03-collapse)

---

### Coordinates (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/02-coordinates/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/02-coordinates)

---

### Random number (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/01-random-number/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/04-events/01-random-number)

---

### Text Editor (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/03-events/04-text-editor/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/03-events/04-text-editor)

---

### Color text (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/03-events/03-color-text/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/03-events/03-color-text)

---

### Runaway Button (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/03-events/02-runaway-button/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/03-events/02-runaway-button)

---

### Document Saver (events)

![](https://github.com/liannoi/decent-frontend/blob/master/src/03-events/01-document-saver/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/03-events/01-document-saver)

---

### Form v.1

![](https://github.com/liannoi/decent-frontend/blob/master/src/02-form/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/02-form)

---

### Guess the number

![](https://github.com/liannoi/decent-frontend/blob/master/src/01-guess-the-number/preview.png)

[Source](https://github.com/liannoi/decent-frontend/blob/master/src/01-guess-the-number)

---

## License

This repository is licensed under [Apache-2.0](https://github.com/liannoi/decent-frontend/blob/master/LICENSE).