Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dannycahyo/hardparts-ui-dev
https://github.com/dannycahyo/hardparts-ui-dev
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/dannycahyo/hardparts-ui-dev
- Owner: dannycahyo
- Created: 2023-09-29T12:51:57.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-23T14:23:03.000Z (about 1 year ago)
- Last Synced: 2023-10-24T14:59:00.851Z (about 1 year ago)
- Language: JavaScript
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## The Hard Parts of UI Development - Lesson Learned
This repository contains the code examples and exercises from the Frontend Masters course ["The Hard Parts of UI Development"](https://frontendmasters.com/courses/hard-parts-ui-dev/) by Will Sentance.
### Course Description
In this course, you'll learn the hard parts of UI development that most tutorials and courses don't cover. You'll learn how to build complex UI components from scratch using vanilla JavaScript, without relying on frameworks or libraries. You'll also learn how to use the virtual DOM to optimize performance and reduce the number of DOM manipulations.
### Getting Started
To get started with the code examples and exercises, clone this repository to your local machine:
```bash
git clone https://github.com/dannycahyo/hardparts-ui-dev.git
cd hardparts-ui-dev
```
Then, open the index.html file in your web browser to see the examples in action.
### Course Outline
The course is divided into the following sections:
1. Introduction
2. Building a Virtual DOM
3. Building a Component
4. Optimizing Performance with Diffing Algorithms
Each section contains code examples and exercises that build on the concepts covered in the previous sections.
### Prerequisites
To get the most out of this course, you should have a basic understanding of HTML, CSS, and JavaScript. You should also be familiar with the DOM and how to manipulate it using JavaScript.
### Acknowledgments
This course was created by Will Sentance and is available on the Frontend Masters website. Special thanks to Will and the Frontend Masters team for creating such a comprehensive and informative course.