kottans / kottans/framework-2021

Homework assignment v1.0.x => 1.1.x; Preps to v1.2

Open
#28 0 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.