kottans / kottans/framework-2021
Homework assignment v1.0.x => 1.1.x; Preps to v1.2
- Dominant language
- JavaScript
- Stars
- 28
- Forks
- 9
- PR merge metrics
- No merged PRs in 30d
Description
## Complete the items below taking the item group priority into consideration
**P0** - must have
**P1** - nice to have; put aside for a while when any task of a higher priority arrives (e.g. next homework in the course)
**P2** - you will really ramp your skills up if you do; put aside when any task of a higher priority arrives (e.g. next homework in the course)
**v1.0.x => v1.1.x**
- [ ] **P0**: use real network API requests instead of fixtures in your app
- [ ] **P0**: Client-Server communications:
- [ ] read [Сетевые запросы](https://learn.javascript.ru/network)
**Preps to v1.2**
- [ ] **P1**: template literals:
- [ ] read [Template literals & tagged literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
- [ ] implement [template literal tag function/handler](https://github.com/OleksiyRudenko/js-template-literal-handler)
- [ ] **P2**: parsing source code (JS, HTML/HTMLx)
- [ ] read [Как работает JS: абстрактные синтаксические деревья, парсинг и его оптимизация @ habr](https://habr.com/ru/company/ruvds/blog/415269/)
- [ ] read [HTML5 Parser @ MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_Parser)
- [ ] read [Let's build a browser engine!](https://limpet.net/mbrubeck/2014/08/11/toy-layout-engine-2.html)
- [ ] read [How to build an HTML parser? @ SO](https://stackoverflow.com/questions/17999309/how-to-build-an-html-parser/17999893)
- [ ] TL;DR [13.2 Parsing HTML documents](https://html.spec.whatwg.org/multipage/parsing.html#parsing)
- [ ] code reading: [github.com/tmont/html-parser](https://github.com/tmont/html-parser)
- [ ] quasi-JSX based on template literals using [DOMParser Web API](https://developer.mozilla.org/en-US/docs/Web/API/DOMParser): [ES6 Quiasi-literal for JSX](https://gist.github.com/lygaret/a68220defa69174bdec5)
- [ ] implement your own HTML or JSX parser
- [ ] **P2**: GraphQL vs REST
- [ ] read [Что же такое этот GraphQL?](https://habr.com/ru/post/326986/)
- [ ] read [Сравнение REST и GraphQL](https://habr.com/ru/post/335158/)
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the P0 checklist and inspect the current app's fixture-based data flow before replacing it with real network API requests. Read the linked network-requests material first; completion requires real client-server communication, while the template-literal, parsing, and GraphQL/REST items define additional preparation work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- graphql, html, javascript
- Domain
- api, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100