Úžasné sbírky zdrojů pro vývojáře fullstack javascriptu

Ahoj vývojáři, v tomto příspěvku na blogu vám sdělím několik úžasných repozitářů github, které vám pomohou snadno vytvářet budoucí projekty

open-source kódová základna a učební osnovy freeCodeCamp.org

freeCodeCamp.org je přátelská komunita, kde se můžete naučit kódovat zdarma. Provozuje ji nezisková organizace 501(c)(3) podporovaná dárci, aby pomohla milionům zaneprázdněných dospělých přejít na technologii. Naše komunita již pomohla více než 40 000 lidem získat první práci vývojáře.

Naše kompletní osnovy vývoje webu a strojového učení jsou zcela zdarma a řídí se vlastním tempem. Máme tisíce interaktivních kódovacích výzev, které vám pomohou rozšířit vaše dovednosti.

Obsah

  • Certifikace
  • Výuková platforma
  • Hlášení chyb a problémů
  • Hlášení bezpečnostních problémů a zodpovědné zveřejnění
  • Přispívání
  • Stav platformy, sestavení a nasazení
  • Licence

Certifikace

freeCodeCamp.org nabízí několik bezplatných certifikací pro vývojáře. Každá z těchto certifikací zahrnuje vytvoření 5 požadovaných projektů webových aplikací spolu se stovkami volitelných kódovacích výzev, které vám pomohou připravit se na tyto projekty. Odhadujeme, že získání každé certifikace zabere začínajícímu programátorovi přibližně 300 hodin.

Každých z těchto 50…

Zobrazit na GitHubu

Ještě nevíte JS (série knih) – 2. vydání

Toto je série knih ponořujících se hluboko do základních mechanismů jazyka JavaScript. Toto je druhé vydání z knižní série:

  ...

Chcete-li si přečíst více o motivacích a perspektivě této knižní série, podívejte se na Předmluvu.

Pokud hledáte předchozí první vydání knihy, najdete je zde.

Tituly

Doporučuji přečíst si druhé vydání knihy v tomto pořadí:

  • Začínáme | Koupit na Leanpub | Koupit na Amazon
  • Rozsah a uzávěry | Koupit na Leanpub | Koupit na Amazon
  • Objekty a třídy (probíhá návrh)
  • Typy a gramatika (zatím nespuštěno)
  • Synchronizace a asynchronní (dosud nespuštěno)
  • ES.Next &Beyond (zatím nespuštěno)

Pokud hledáte předchozí první vydání knihy, najdete je zde.

Publikování

Jako vždy budete moci tyto knihy číst online…

Zobrazit na GitHubu

Průvodce stylem Airbnb JavaScript() {

Většinou rozumný přístup k JavaScriptu

Tato příručka je k dispozici i v jiných jazycích. Viz Překlad

Další průvodce styly

  • ES5 (zastaralé)
  • Reagovat
  • CSS-in-JavaScript
  • CSS &Sass
  • Ruby

Obsah

  1. Typy
  2. Odkazy
  3. Objekty
  4. Pole
  5. Destrukce
  6. Řetězce
  7. Funkce
  8. Funkce šipek
  9. Třídy a konstruktéři
  10. Moduly
  11. Iterátory a generátory
  12. Vlastnosti
  13. Proměnné
  14. Zdvihání
  15. Porovnávací operátory a rovnost
  16. Blokuje
  17. Řídicí příkazy
  18. Komentáře
  19. Mezerník
  20. Čárky
  21. Středníky
  22. Typ Casting &Coercion
  23. Konvence pojmenování
  24. Příslušníci
  25. Události
  26. jQuery
  27. Kompatibilita ECMAScript 5
  28. Styly ECMAScript 6+ (ES 2015+)
  29. Standardní knihovna
  30. Testování
  31. Výkon
  32. Zdroje
  33. V divočině
  34. Překlad
  35. Průvodce stylem JavaScript
  36. Chatujte s námi o JavaScriptu
  37. Přispěvatelé
  38. Licence
  39. Dodatky

Typy

  • 1.1 Primitivní :Když přistupujete k primitivnímu typu, pracujete...

Zobrazit na GitHubu

JavaScriptové algoritmy a datové struktury

Toto úložiště obsahuje příklady mnoha populárních algoritmů a datových struktur založené na JavaScriptu.

Každý algoritmus a datová struktura má svůj vlastní samostatný soubor README se souvisejícími vysvětleními a odkazy pro další čtení (včetně videí na YouTube).

Přečtěte si toto v jiných jazycích: 简体中文 繁體中文 한국어 日本語 ,Polski ,Français ,Español ,Português ,Русский ,Türk ,Italština ,Bahasa Indonésie ,Українська ,arabština ,Tiếng Việt ,Deutsch

Upozorňujeme, že tento projekt je určen pouze k výukovým a výzkumným účelům a není určené k výrobě.

Datové struktury

Datová struktura je zvláštní způsob organizace a…

Zobrazit na GitHubu

30 sekund kódu

  • Navštivte naše webové stránky a prohlédněte si naši sbírku úryvků.
  • Pomocí stránky Vyhledávání vyhledejte úryvky, které vyhovují vašim potřebám. Můžete vyhledávat podle názvu, tagu, jazyka nebo pomocí popisu úryvku. Začněte psát výraz a uvidíte, co se objeví.
  • Procházejte sbírku úryvků JavaScriptu a zobrazte všechny úryvky v tomto projektu nebo kliknutím na jednotlivé značky v horní části stejné stránky zúžíte vyhledávání na konkrétní značku.
  • Kliknutím na každou kartu úryvku zobrazíte celý úryvek včetně kódu, vysvětlení a příkladů.
  • Pro zkopírování kódu do schránky můžete použít tlačítko v dolní části karty s úryvkem.
  • Pokud se vám projekt líbí, dejte mu hvězdičku. Pro lidi, kteří jej udržují, to hodně znamená.

Chcete přispět?

  • Pokud nám chcete pomoci se zlepšit, přijměte…
Zobrazit na GitHubu

Doporučené postupy pro Node.js



Sledujte nás na Twitteru! @nodepractices


Číst v jiném jazyce:CN , FR , BR , RU , PL , JA , EU ( ES , HE , KR a TR probíhá! )


Speciální workshop ve Veroně příští týden 🇮🇹 - Testování Node.js – nad rámec základů. Klíšťata a další informace


Nejnovější doporučené postupy a novinky

  • 75 000 hvězdí :Červenající se, překvapený a hrdý!

  • 🔖 Nové menu a štítky :Naše nabídka je nyní sbalitelná a obsahuje #tags . Noví návštěvníci mohou číst #strategic položky jako první. Vracející se návštěvníci se mohou zaměřit na #new obsah. Senioři mohou filtrovat podle #advanced položky. S laskavým svolením jediného Rubka Joshi

  • 👨‍👩‍👧‍👦 Nový člen rodiny! :K naší rodině se připojil nový repozitář – Nejlepší postupy pro testování integrace Node.js . Zahrnuje více než 40 doporučených postupů pro psaní úžasných a výkonných testů komponent Node.js

  • Francouzský překlad!1! : Nejnovější překlad, který…

Zobrazit na GitHubu




Front-end kontrolní seznam

🚨 V současné době pracujeme na V2 frontendchecklist.io,
neváhejte diskutovat o jakékoli funkci, kterou byste rádi viděli v příští verzi

Kontrolní seznam front-end je vyčerpávající seznam všech prvků, které musíte mít / otestovat před spuštěním svého webu / stránky HTML do produkce.

 

  Jak používat • Přispívání • Web • Hledání produktů

Další kontrolní seznamy:
🎮 Kontrolní seznam výkonu front-end • 💎 Kontrolní seznam předního designu

Je založen na letitých zkušenostech front-endových vývojářů, s dodatky pocházejícími z některých dalších kontrolních seznamů open source.

Jak používat?

Všechny položky Kontrolního seznamu jsou vyžadovány pro většinu projektů, ale některé prvky mohou být vynechány nebo nejsou nezbytné (v případě administrační webové aplikace nemusíte například potřebovat RSS kanál). Rozhodli jsme se použít 3 úrovně flexibility:

  • znamená, že položka je doporučena ale může být…
Zobrazit na GitHubu

čistý-kód-javascript

Obsah

  1. Úvod
  2. Proměnné
  3. Funkce
  4. Objekty a datové struktury
  5. Třídy
  6. SOLID
  7. Testování
  8. Souběh
  9. Zpracování chyb
  10. Formátování
  11. Komentáře
  12. Překlad

Úvod

Principy softwarového inženýrství z knihy Roberta C. MartinaČistý kód přizpůsobené pro JavaScript. Toto není průvodce stylem. Je to průvodce vytvářením čitelného, ​​opakovaně použitelného a refaktorovatelného softwaru v JavaScriptu.

Ne všechny zde uvedené zásady musí být přísně dodržovány a ještě méně z nich bude všeobecně dohodnuto. Toto jsou pokyny a nic víc, ale jsou to kodifikované mnohaletými kolektivními zkušenostmi autorů Čistého kódu .

Naše řemeslo softwarového inženýrství je jen něco málo přes 50 let staré a stále se hodně učíme. Až bude softwarová architektura stará jako architektura sama, možná budeme mít těžší pravidla, která bychom měli dodržovat. Prozatím nechejte tyto pokyny sloužit jako prubířský kámen k posouzení kvality JavaScriptu…

Zobrazit na GitHubu

Projektové učení

Seznam programovacích výukových programů, ve kterých se začínající vývojáři softwaru učí, jak vytvořit aplikaci od začátku. Tyto tutoriály jsou rozděleny do různých primárních programovacích jazyků. Výukové programy mohou zahrnovat různé technologie a jazyky.

Chcete-li začít, jednoduše rozvětvete toto úložiště. Pokyny pro příspěvky najdete na CONTRIBUTING.md.

Obsah:

  • C#
  • C/C++
  • Clojure
  • Elixír
  • Erlang
  • F#
  • Jděte
  • Haskell
  • HTML/CSS
  • Java
  • JavaScript
  • Kotlin
  • Lua
  • OCaml
  • PHP
  • Python
  • R
  • Ruby
  • Rez
  • Scala
  • Rychlé
  • Další zdroje

C/C++:

  • Sestavte tlumočníka (kapitola 14 je napsána v C)
  • Alokátory paměti 101 – Napište jednoduchý alokátor paměti
  • Napište Shell v C
  • Napište souborový systém FUSE
  • Vytvořte si svůj vlastní textový editor
  • Vybudujte si svůj vlastní Lisp
  • Jak naprogramovat hru NES v C
  • Napište operační systém od začátku
  • Jak vytvořit operační systém od začátku
  • Vytvoření emulátoru CHIP-8
  • Začátek programování her v C++ a SDL
  • Implementace obchodu klíč–hodnota
Zobrazit na GitHubu



Podívejte se na moji nejnovější aplikaci

<br>
<br>
<br>
<hr>
<p dir="auto">
    </p>

Moje práce s otevřeným zdrojovým kódem je podporována komunitou

Zvláštní poděkování:





Všechny proměnné prostředí na jednom místě Přestaňte se potýkat s roztroušenými klíči API, hackováním podomácku vyrobených nástrojů
a vyhýbání se řízení přístupu. Udržujte svůj tým a servery v synchronizaci s Dopplerem.
Vaše aplikace, připravená pro podniky. Začněte prodávat podnikovým zákazníkům pomocí pouhých několika řádků kódu.
Přidejte jednotné přihlášení (a další) během několika minut namísto měsíců.
Strrapi je přední open source bezhlavý CMS. Je to 100% JavaScript, plně přizpůsobitelné a především pro vývojáře.
OSS Capital byla založena v roce 2018 a je první a jedinou platformou zaměřenou na rizikový kapitál
výhradně na podporu počátečních zakladatelů COSS (komerčních open source) startupů.


Prostředí pro vývojáře vytvořená pro cloud Gitpod, nativně integrovaný s GitLab, GitHub a Bitbucket, automaticky a průběžně předvytváří vývoj
prostředí pro všechny vaše pobočky. Výsledkem je, že členové týmu mohou okamžitě začít kódovat s novým vývojářským prostředím
pro každý nový
… Zobrazit na GitHubu




33 konceptů, které by měl znát každý vývojář JavaScriptu

Úvod

Toto úložiště bylo vytvořeno se záměrem pomoci vývojářům zvládnout jejich koncepty v JavaScriptu. Není to požadavek, ale vodítko pro budoucí studium. Vychází z článku Stephena Curtise a můžete si jej přečíst zde.

🚀 GitHub považuje za jeden z nejlepších open source projektů roku 2018!

Komunita

Neváhejte a odešlete PR s odkazem na vaše vlastní rekapitulace nebo recenze. Pokud chcete přeložit repo do svého rodného jazyka, neváhejte to udělat.

Všechny překlady pro toto úložiště budou uvedeny níže:

  • Shqip (albán) — Eldrin Ereqi
  • اَلْعَرَبِيَّةُ‎ (arabština) – Amr Elsekilly
  • 汉语 (čínština) — Re Tian
  • Português do Brasil (brazilská portugalština) – Tiago Boeing
  • 한국어 (korejština) — Suin Lee
  • Español (španělština) – Adonis Mendoza
  • Türkçe (turečtina) — İlker Demir
  • русский язык (ruština) —…
Zobrazit na GitHubu

Dotazy ohledně JavaScriptu

Ve svých příbězích na Instagramu zveřejňuji otázky s výběrem JavaScriptu , které zde také zveřejním! Poslední aktualizace:12. června

Od základních po pokročilé:otestujte si, jak dobře znáte JavaScript, trochu si osvěžte své znalosti nebo se připravte na pohovor s kódováním! 💪 🚀 Toto repo pravidelně aktualizuji o nové otázky. Odpovědi jsem přidal do sbalených sekcí pod otázkami, jednoduše na ně klikněte a rozbalte je. Je to jen pro zábavu, hodně štěstí! ❤️

Neváhejte mě kontaktovat! 😊
Instagram || Twitter || LinkedIn || Blog

Neváhejte je použít v projektu! 😃 Opravdu bych oceňuji odkaz na toto repo, vytvářím otázky a vysvětlení (ano, jsem smutný lol) a komunita mi tolik pomáhá ho udržovat a zlepšovat! 💪🏼 Děkujeme a mějte se fajn!
Viz 18 dostupných překladů 🇸🇦 🇪🇬 🇧🇦 🇩🇪 🇪🇸 🇫🇷 🇮🇩
… Zobrazit na GitHubu

Leták vytvořil před 11 lety Volodymyr Agafonkin, ukrajinský občan žijící v Kyjevě.

Volodymyr už není v Kyjevě, protože na město padají ruské bomby. Jeho rodina, jeho přátelé, jeho sousedé, tisíce a tisíce naprosto úžasných lidí buď hledají útočiště, nebo bojují o život.

Ruští vojáci již zabili desítky tisíc civilistů, včetně žen a dětí, a páchají hromadné válečné zločiny, jako jsou skupinová znásilňování, popravy, rabování a cílené bombardování civilních krytů a míst kulturního významu . Počet obětí neustále roste a Ukrajina potřebuje vaši pomoc.

Jak Volodymyr vyjádřil několik dní před invazí:

Zobrazit na GitHubu

Příručka pro úvodní rozhovor


Přečtěte si na webu

Připojte se k nám/sledujte nás na Discord | Twitter | Telegram | Facebook

Co je to?

Na rozdíl od typických pracovních pohovorů se softwarovými inženýry kladou vstupní pohovory menší důraz na algoritmy a mají více otázek týkajících se složitých znalostí a odborných znalostí o doméně — HTML, CSS, JavaScript, abychom jmenovali alespoň některé oblasti. Tento repozitář pokrývá vše, co potřebujete vědět pro úvodní rozhovory:

  • Různé formáty předních rozhovorů včetně formátů různých společností
  • Rozhovory o návrhu systému front-end
  • Front-end trivia otázky – odpovědi na h5bp Front-end Developer Interview Otázky
  • Úvodní otázky – JavaScript, DOM, algoritmy a další
  • Otázky na pohovorech společností

💡 Hledáte vysoce kvalitní vstupní pohovorové kurzy? Educative nabízí spoustu skvělých kurzů pro vylepšení vaší hry na pohovor 💡

Hledáte obecnou přípravu na pohovor?

Mohla by vás zajímat Příručka Tech Interview…

Zobrazit na GitHubu

date-fns poskytuje nejkomplexnější, ale přitom jednoduchou a konzistentní sadu nástrojů
pro manipulaci s daty JavaScriptu v prohlížeči &Node.js

📖 Dokumentace   | 🧑‍💻 Úlohy JavaScript

Je to jako Lodash pro data

  • 200+ funkcí pro všechny příležitosti.
  • Modulární :Vyberte si, co potřebujete. Funguje s webpackem, Browserify nebo Rollup a také podporuje třesení stromů.
  • Nativní data :Používá existující nativní typ. Z bezpečnostních důvodů nerozšiřuje základní objekty.
  • Neměnné a čisté :Vytvořeno pomocí čistých funkcí a vždy vrací novou instanci data.
  • TypeScript &Flow :Podporuje Flow i TypeScript
  • I18n :Desítky lokalit. Zahrňte pouze to, co potřebujete.
  • a mnoho dalších výhod
import { compareAsc, format } from 'date-fns'
format(new Date(2014, 1, 11), 'yyyy-MM-dd')
//=> '2014-02-11'

const dates = [
  new Date(1995, 6, 2),
  new Date(1987
… Zobrazit na GitHubu

中文版|日本語版| 한국어| Русский| Portugalština| italština

Pokyny k projektu ·

  • Git
    • Některá pravidla Git
    • Pracovní postup Git
    • Psaní dobrých zpráv o potvrzení
  • Dokumentace
  • Prostředí
    • Konzistentní vývojová prostředí
    • Konzistentní závislosti
  • Závislosti
  • Testování
  • Struktura a pojmenování
  • Styl kódu
    • Některé pokyny pro styl kódu
    • Prosazování standardů stylu kódu
  • Protokolování
  • API
    • Návrh API
    • Zabezpečení API
    • Dokumentace rozhraní API
  • Přístupnost
  • Licencování

1. Git

1.1 Některá pravidla Git

Je třeba mít na paměti sadu pravidel:

  • Proveďte práci za…

Zobrazit na GitHubu

Úžasný JavaScript

Sbírka úžasných knihoven JavaScriptu na straně prohlížeče, zdrojů a skvělých věcí.

  • Úžasný JavaScript
    • Správci balíčků
    • Správa komponent
    • Nakladače
    • Balíčky
    • Kontrola typu
    • Testovací rámce
    • Nástroje kontroly kvality
    • Struktury a knihovny MVC
    • Node-powered CMS Frameworks
    • Motivy pro vytváření šablon
    • Herní enginy
    • Články/příspěvky
    • Vizualizace dat
      • Časová osa
      • Tabulka
    • Editoři
    • Dokumentace
    • Nástroje
      • Soubory
      • Funkční programování
      • Reaktivní programování
      • Struktura dat
      • Datum
      • Řetězec
      • Číslo
      • Úložiště
      • Barva
      • I18n a L10n
      • Řízení toku
      • Směrování
      • Zabezpečení
      • Protokol
      • RegExp
      • Média
      • Hlasové příkazy
      • API
      • Streamování
      • Detekce zraku
      • Detekce prohlížeče
      • Operační systém
      • Srovnávací
      • Strojové učení
    • UI
      • Zvýraznění kódu
      • Stav načítání
      • Ověření
      • Obaly klávesnice
      • Prohlídky a průvodci
      • Oznámení
      • Posuvníky
      • Posuvníky rozsahu
      • Widgety formuláře
      • Tipy
      • Modaly a vyskakovací okna
      • Posouvání
      • Nabídka
      • Tabulka/Mřížka
      • Rámce
      • Kotelní desky
      • Obrázek
    • Gesta
    • Mapy
    • Typografie
    • Animace
    • Zpracování obrázků
    • ES6
    • Generátory
    • Fulltextové vyhledávání
    • SDK
    • Různé
    • Podcasty
  • Stojí za přečtení
  • Další skvělé seznamy
  • Přispívání

Správci balíčků

Hostování knihoven JavaScriptu a poskytování nástrojů pro jejich načítání a balení.

  • npm - npm je správce balíčků pro…


Zobrazit na GitHubu


Moderní kód JavaScript

Poděkování za obrázky:Ahmad Awais ⚡️

Úvod

Motivace

Tento dokument je cheatsheet pro JavaScript, se kterým se často setkáte v moderních projektech, a nejmodernější ukázkový kód.

Tato příručka není určena k tomu, aby vás naučila JavaScript od základů, ale má pomoci vývojářům se základními znalostmi, kteří mohou mít potíže s obeznámením se s moderními kódovými bázemi (nebo řekněme naučit se například React) kvůli použité koncepty JavaScriptu.

Kromě toho někdy poskytnu osobní tipy, které mohou být diskutabilní, ale pokud tak učiním, musím uvést, že jde o osobní doporučení.

Doplňkové zdroje

Když…

Zobrazit na GitHubu

Ramda

Praktická funkční knihovna pro programátory JavaScriptu.

Proč Ramda?

Už existuje několik vynikajících knihoven s funkční příchutí. Obvykle jsou určeny jako univerzální sady nástrojů vhodné pro práci v různých paradigmatech. Ramda má soustředěnější cíl. Chtěli jsme knihovnu navrženou speciálně pro funkční styl programování, takovou, která usnadňuje vytváření funkčních kanálů, knihovnu, která nikdy nemění uživatelská data.

V čem se liší?

Hlavní charakteristické rysy Ramda jsou:

  • Ramda klade důraz na čistější funkční styl. Neměnnost a funkce bez vedlejších účinků jsou jádrem filozofie designu. To vám může pomoci dokončit práci s jednoduchým elegantním kódem.

  • Funkce Ramda jsou automaticky převedeny. To vám umožní snadno vytvořit nové funkce ze starých jednoduše tím, že nezadáte konečné parametry.

  • Parametry funkcí Ramda jsou uspořádány tak, aby byly vhodné pro kari. Data, se kterými se bude pracovat, jsou…

Zobrazit na GitHubu

(Možná) nepotřebujete jQuery

Prostředí fronttend se v dnešní době rychle vyvíjejí a moderní prohlížeče již implementovaly velké množství DOM/BOM API, které jsou dostatečně dobré pro produkční použití. Pro manipulaci s DOM nebo manipulaci s událostmi se jQuery nemusíme učit od nuly. Mezitím, díky rozšíření frontendových knihoven, jako jsou React, Angular a Vue, se manipulace s DOM přímo stává anti-pattern, takže používání jQuery nebylo nikdy méně důležité. Tento projekt shrnuje většinu alternativ v nativní implementaci Javascriptu k metodám jQuery s podporou IE 10+.

ℹ️ Upozornění:

  1. jQuery je stále skvělá knihovna a má mnoho platných případů použití. Pokud nechcete, nemigrujte pryč!
  2. Alternativy nejsou ve všech scénářích zcela ekvivalentní a doporučujeme je před použitím vyzkoušet.

Obsah

  1. Překlady
  2. Výběr dotazů
  3. CSS a styl
  4. Manipulace s DOM
  5. Ajax
  6. Události
  7. Nástroje
  8. Sliby
  9. Animace
Zobrazit na GitHubu

Sada JavaScriptu od nuly

Vítá vás můj moderní výukový program zásobníku JavaScript:Stack JavaScript od nuly .

Toto je přímočarý průvodce sestavením zásobníku JavaScriptu. Vyžaduje určité obecné znalosti programování a základy JavaScriptu. Zaměřuje se na vzájemné propojení nástrojů a poskytneme vám nejjednodušší možný příklad pro každý nástroj. Tento tutoriál můžete vidět jako způsob, jak napsat svůj vlastní standard od začátku . Vzhledem k tomu, že cílem tohoto tutoriálu je sestavit různé nástroje, nebudu zacházet do podrobností o tom, jak tyto nástroje jednotlivě fungují. Chcete-li v nich získat hlubší znalosti, podívejte se na jejich dokumentaci nebo najděte jiné výukové programy.

Nemusíte používat celý tento zásobník, pokud vytvoříte jednoduchou webovou stránku s několika interakcemi JS (a…

Zobrazit na GitHubu