{"id":39118,"date":"2019-10-31T22:27:56","date_gmt":"2019-10-31T19:27:56","guid":{"rendered":"https:\/\/prohoster.info\/blog\/eshhe-spisok-proektov-na-chem-potrenirovatsya\/"},"modified":"2019-10-31T22:27:56","modified_gmt":"2019-10-31T19:27:56","slug":"eshhe-spisok-proektov-na-chem-potrenirovatsya","status":"publish","type":"post","link":"https:\/\/prohoster.info\/cs\/blog\/news\/eshhe-spisok-proektov-na-chem-potrenirovatsya","title":{"rendered":"Je\u0161t\u011b seznam projekt\u016f, na \u010dem se vyzkou\u0161et","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\u201eMistr d\u011bl\u00e1 v\u00edce chyb ne\u017e nov\u00e1\u010dek \u2014 pokus\u016f\u201c<\/i><\/p>\n

Minul\u00fd seznam tr\u00e9ninkov\u00fdch projekt\u016f<\/a><\/noindex> dos\u00e1hl 50 tis\u00edc zhl\u00e9dnut\u00ed a 600 p\u0159id\u00e1n\u00ed do obl\u00edben\u00fdch. Uv\u00e1d\u00edm dal\u0161\u00ed seznam zaj\u00edmav\u00fdch projekt\u016f k procvi\u010den\u00ed pro ty, kte\u0159\u00ed cht\u011bj\u00ed p\u0159idat.<\/p>\n

1. Textov\u00fd editor<\/h3>\n

\n\"Je\u0161t\u011b
\n
\nC\u00edlem textov\u00e9ho editoru je sn\u00ed\u017eit \u00fasil\u00ed u\u017eivatel\u016f, kte\u0159\u00ed se sna\u017e\u00ed p\u0159ev\u00e9st sv\u00e9 form\u00e1tov\u00e1n\u00ed na platn\u00e9 HTML zna\u010dkov\u00e1n\u00ed. Dob\u0159e navr\u017een\u00fd textov\u00fd editor umo\u017e\u0148uje u\u017eivatel\u016fm r\u016fzn\u011b form\u00e1tovat text.<\/p>\n

V n\u011bjak\u00e9m okam\u017eiku ka\u017ed\u00fd pou\u017e\u00edval textov\u00fd editor. Tak pro\u010d si ho ne vytvo\u0159it s\u00e1m<\/a><\/noindex>?
\n<\/a><\/noindex><\/p>\n

2. Klon Redditu<\/h3>\n

\n\"Je\u0161t\u011b
\n
\nReddit<\/a><\/noindex> \u2014 je to agregace soci\u00e1ln\u00edch novinek, hodnocen\u00ed webov\u00e9ho obsahu a diskusn\u00ed platforma.<\/p>\n

Reddit zab\u00edr\u00e1 velkou \u010d\u00e1st m\u00e9ho \u010dasu, ale st\u00e1le na n\u011bm tr\u00e1v\u00edm \u010das. Vytvo\u0159en\u00ed klonu Redditu je efektivn\u00ed zp\u016fsob, jak se u\u010dit programov\u00e1n\u00ed (p\u0159i sou\u010dasn\u00e9m sledov\u00e1n\u00ed Redditu).<\/p>\n

Reddit v\u00e1m poskytuje velmi bohat\u00e9 API<\/a><\/noindex>. Nezme\u0161kejte \u017e\u00e1dn\u00e9 funkce a ned\u011blejte to z brucha. Ve skute\u010dn\u00e9m sv\u011bt\u011b s klienty a z\u00e1kazn\u00edky, nebudete moci pracovat bezhlav\u011b, nebo rychle ztrat\u00edte pr\u00e1ci.<\/p>\n

Inteligentn\u00ed klienti si okam\u017eit\u011b uv\u011bdom\u00ed, \u017ee pr\u00e1ce je odv\u00e1d\u011bna \u0161patn\u011b, a najdou si n\u011bkoho jin\u00e9ho.<\/p>\n

\"Je\u0161t\u011b
\n
\nReddit API<\/a><\/noindex><\/i><\/p>\n

3. Publikov\u00e1n\u00ed bal\u00ed\u010dku NPM s otev\u0159en\u00fdm zdrojov\u00fdm k\u00f3dem<\/h3>\n

\n\"Je\u0161t\u011b
\n
\nPokud p\u00ed\u0161ete k\u00f3d v Javascriptu, pravd\u011bpodobn\u011b pou\u017e\u00edv\u00e1te spr\u00e1vce bal\u00ed\u010dk\u016f. Spr\u00e1vce bal\u00ed\u010dk\u016f v\u00e1m umo\u017e\u0148uje znovu pou\u017e\u00edt existuj\u00edc\u00ed k\u00f3d, kter\u00fd napsali a publikovali jin\u00ed lid\u00e9.<\/p>\n

Ch\u00e1p\u00e1n\u00ed \u00fapln\u00e9ho cyklu v\u00fdvoje bal\u00ed\u010dku poskytne velmi dobrou zku\u0161enost. Je tu mnoho v\u011bc\u00ed, kter\u00e9 mus\u00edte zn\u00e1t p\u0159i publikov\u00e1n\u00ed k\u00f3du. Mus\u00edte zv\u00e1\u017eit bezpe\u010dnost, semantick\u00e9 \u0159\u00edzen\u00ed verz\u00ed, \u0161k\u00e1lovatelnost, dohodu o n\u00e1zvech a \u00fadr\u017ebu.<\/p>\n

Bal\u00ed\u010dek m\u016f\u017ee b\u00fdt jak\u00fdkoli. Pokud nem\u00e1te n\u00e1pad, vytvo\u0159te si vlastn\u00ed Lodash a publikujte ho.<\/p>\n

\"Je\u0161t\u011b
\n
\nLodash: lodash.com<\/a><\/noindex><\/i><\/p>\n

M\u00edt n\u011bco, co jste ud\u011blali online, v\u00e1s posouv\u00e1 o 10 % v\u00fd\u0161 nad ostatn\u00ed. Zde je n\u011bkolik u\u017eite\u010dn\u00fdch zdroj\u016f<\/a><\/noindex> o otev\u0159en\u00fdch zdroj\u00edch a bal\u00ed\u010dc\u00edch.<\/p>\n

4. U\u010debn\u00ed pl\u00e1n freeCodeCamp<\/h3>\n

\n\"Je\u0161t\u011b
\n
\nFCC curriculum<\/a><\/noindex><\/i><\/p>\n

freeCodeCamp sestavil velmi komplexn\u00ed kurz programov\u00e1n\u00ed<\/a><\/noindex>.<\/p>\n

freeCodeCamp je neziskov\u00e1 organizace. Skl\u00e1d\u00e1 se z interaktivn\u00ed vzd\u011bl\u00e1vac\u00ed webov\u00e9 platformy, online komunitn\u00edho f\u00f3ra, chat\u016f, publikac\u00ed na Medium a m\u00edstn\u00edch organizac\u00ed, kter\u00e9 maj\u00ed v \u00famyslu zp\u0159\u00edstupnit v\u0161em studium webov\u00e9ho v\u00fdvoje.<\/p>\n

\"Je\u0161t\u011b
\n
\nBudete v\u00edce ne\u017e kvalifikov\u00e1ni pro svou prvn\u00ed pr\u00e1ci, pokud se v\u00e1m poda\u0159\u00ed dokon\u010dit cel\u00fd kurz.<\/p>\n

5. Vytvo\u0159te HTTP server od nuly<\/h3>\n

\nProtokol HTTP je jedn\u00edm z hlavn\u00edch protokol\u016f, p\u0159es kter\u00e9 se obsah dost\u00e1v\u00e1 na Internet. HTTP servery se pou\u017e\u00edvaj\u00ed k poskytov\u00e1n\u00ed statick\u00e9ho obsahu, jako jsou HTML, CSS a JS.<\/p>\n

Mo\u017enost implementovat protokol HTTP od nuly roz\u0161\u00ed\u0159\u00ed va\u0161e znalosti o tom, jak v\u0161echno funguje.<\/p>\n

Nap\u0159\u00edklad, pokud pou\u017e\u00edv\u00e1te NodeJs, v\u00edte, \u017ee Express poskytuje HTTP server.<\/p>\n

Pro inspiraci se pod\u00edvejte, zda dok\u00e1\u017eete:<\/p>\n