JavaScript Stack from Scratch

Witaj w moim samouczku nowoczesnego stosu JavaScript: JavaScript Stack from Scratch.

🎉 To jest wersja V2 tego samouczka, główne zmiany nastąpiły od wydania 2016. Sprawdź Change Log!

Jest to prosty przewodnik po stosie JavaScript. Wymaga to ogólnej wiedzy programistycznej i podstaw JavaScript. Skupia się na łączeniu narzędzi razem i pokazuje możliwie najprostszy przykład dla każdego narzędzia. Możesz traktować ten samouczek także jako sposób na napisanie własnego schematu od podstaw. Ponieważ celem tego samouczka jest zestawienie różnych narzędzi, nie wchodzę w szczegóły na temat tego, jak działają one indywidualnie. Zapoznaj się z ich dokumentacją lub znajdź inne samouczki, jeśli chcesz zdobyć w nich głębszą wiedzę.

Nie musisz używać całego tego stosu, jeśli zbudujesz prostą stronę internetową z kilkoma interakcjami JS (kombinacja Browserify / Webpack + Babel + jQuery jest wystarczająca, aby móc pisać kod ES6 w różnych plikach), ale jeśli chcesz zbudować skalowalną aplikację internetową i potrzebujesz pomocy w konfigurowaniu, ten samouczek będzie dla Ciebie odpowiedni.

Duża część stosu opisanego w tym samouczku używa React. Jeśli zaczynasz i chcesz się nauczyć Reacta, create-react-app szybko uruchomisz środowisko React ze wstępną konfiguracją. Poleciłbym na przykład to podejście komuś, kto przybywa do zespołu korzystającego z React i musi nadrobić zaległości w nauce. W tym samouczku nie będziesz używać gotowej konfiguracji, ponieważ chcę, abyś zrozumiał wszystko, co dzieje się pod maską.

Przykłady kodów są dostępne dla każdego rozdziału i można je wszystkie uruchomić z yarn && yarn start. Zalecam jednak pisanie wszystkiego od podstaw, postępując zgodnie z instrukcjami krok po kroku.

Końcowy kod dostępny w repozytorium JS-Stack-Boilerplate, oraz w wydaniach. Tam jest także live demo.

Działa w systemach Linux, macOS i Windows.

Uwaga: Od czasu ostatniej edycji tego samouczka w maju 2017 r. Kilka bibliotek nieznacznie zmieniło swoje interfejsy API. 95% samouczka jest nadal w pełni poprawnych, ale jeśli wpadniesz na coś dziwnego, koniecznie sprawdź open issues.