kottans / kottans/framework-2021

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

Aperta
#28 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
28
Fork
9
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

## 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/)

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Inizia con la checklist P0 e analizza il flusso di dati attuale dell’app basato su fixture prima di sostituirlo con richieste reali alle API di rete. Leggi prima il materiale collegato su network-requests; il completamento richiede una comunicazione reale client-server, mentre gli elementi template-literal, parsing e GraphQL/REST definiscono ulteriore lavoro di preparazione.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
graphql, html, javascript
Ambito
api, frontend, web-dev
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.