https://github.com/andreyfesunov/course

This is a course on frontend development basics, covering HTML, CSS, JavaScript, Angular, and responsive design. You'll build practical projects with instructor guidance. Suitable for beginners and those developing web skills. Developed for Codemasters International.
https://github.com/andreyfesunov/course

angular course css frontend html js ts

Last synced: 3 months ago
JSON representation

This is a course on frontend development basics, covering HTML, CSS, JavaScript, Angular, and responsive design. You'll build practical projects with instructor guidance. Suitable for beginners and those developing web skills. Developed for Codemasters International.

• Host: GitHub
• URL: https://github.com/andreyfesunov/course
• Owner: andreyfesunov
• License: mit
• Created: 2025-10-13T08:24:05.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2026-01-12T23:32:29.000Z (3 months ago)
• Last Synced: 2026-01-13T03:08:50.750Z (3 months ago)
• Topics: angular, course, css, frontend, html, js, ts
• Language: C#
• Homepage:
• Size: 826 KB
• Stars: 2
• Watchers: 0
• Forks: 16
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Frontend Development Course

[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat-square&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)

[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat-square&logo=css3&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)

[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=flat-square&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

[![Angular](https://img.shields.io/badge/Angular-DD0031?style=flat-square&logo=angular&logoColor=white)](https://angular.io/)

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](./LICENSE)

## Course Overview

Frontend development course covering HTML, CSS, JavaScript, TypeScript, and Angular.

## Course Structure

### [Module 1: Git](./lesson_1)

### [Module 2: HTML](./lesson_2)

- [ ] Task: Create a page with information about yourself

### [Module 3: CSS](./lesson_3)

- [ ] Task: Create stylesheet for page with information about yourself

- [ ] Additional task: Apply SCSS compiler

### [Module 4: SCSS + Vite](./lesson_4)

- [ ] Task: Create Vite project, add SCSS styles

### [Module 5: Theming](./lesson_5)

### [Module 6: JS](./lesson_6)

- [ ] Task: Add interactive actions on page

### [Module 7: TS](./lesson_7)

- [ ] Task: Refactor current project (JS -> TS)

- [ ] Task: Add interfaces for API services, add mocks

- [ ] Task: Implement color theme manager for website

- [ ] Additional task: Refactor repository and project structure

### [Module 8: Angular](./lesson_8)

### [Module 9: Angular - The beginning of the development of an application with quizzes](./lesson_9)

### [Module 10: Angular - ReactiveFormsModule](./lesson_10)

- [ ] Task: Create Angular app

- [ ] Task: Create models, services, mock services (while there is no backend)

- [ ] Task: Create list page with pagination

- [ ] Task: Create create, edit, delete forms for quiz entity

### [Module 11: Auth](./lesson_11)

## License

MIT License - see [LICENSE](./LICENSE) file.