Skip to content

🎉 V2 release! 🎉 — Bulgarian translation of "Step-by-step tutorial to build a modern JavaScript stack".

License

Notifications You must be signed in to change notification settings

mihailgaberov/js-stack-from-scratch

 
 

Repository files navigation

JavaScript Stack from Scratch

Build Status Release Dependencies Dev Dependencies Gitter

React Redux React Router Flow ESLint Jest Yarn Webpack Bootstrap

Добре дошли в : JavaScript Stack from Scratch. Ръководство за използване на модерни технологии за работа с JavaScript. Това е превод на основното репозитори от английски, което можете да намерите тук.

🎉 Това е версия 2 на това ръководство, от релийза през 2016 година са направени не малки промени. Можете да проверите какво беше променено тук!

Това ръководство е съсредоточено главно върху използването на комплект от технологии необходими за разработка на съвременни JavaScript базирани приложения. Изискват се някои базови познания по програмиране и основни такива конкретно по JavaScript. Основният фокус е хвърлен върху "свързването" на инструментите (tools) за съвместна работа и даване на възможно най-простия пример за всеки един инструмент. Можете да гледате на това ръководство като на начин за написване на ваше собствено скеле или шаблон за такова приложение. Тъй като целта на това ръководство е "сглобяването" на различни инструменти за съвместна работа, няма да навлизам в подробности за работата на всеки един от тях. Ако искате да добиете по-задълбочени познания за някой от тях, можете да потърсите други ръководства или да прочетете документацията им.

Разбира се, няма нужда да използвате целия този набор от инструменти ако правите простичка уеб страница с няколко JS интеракции (комбинация от конфигурирани Browserify/Webpack + Babel + jQuery ще бъде достатъчна за писане на ES6 код в различни файлове), но ако искате да изградите голямо уеб приложение, което да може да бъде променяно и подобрявано сравнително лесно, и имате нужда от помощ при първоначалната настройка на нещата, то това ръководство ще ви бъде от ползва.

Голяма част от нещата описани в това ръководство използват React. Ако сте начинаещ и просто искате да научите React, create-react-app ще ви позволи да започнете много бързо с предварително направена конфигурация. Аз, например, бих препоръчал този подход на някой, който току що влиза в екип, който използва React и има нужда от бързо наваксване. В това ръководство няма да използваме предварително готови конфигуции, тъй като искам да разберете как се случва всичко из основи.

За всяка от главите има примери с код, които могат да бъдат стартирани с yarn && yarn start. Аз препоръчвам да пишете всичко от нулата, следвайки стъпка по стъпка интрукциите.

Финалната версия на кода може да бъде намерена тук и тук. Работеща версия може да бъде видяна тук. Работи на Linux, macOS и Windows.

Съдържание

01 - Node, Yarn, package.json

02 - Babel, ES6, ESLint, Flow, Jest, Husky

03 - Express, Nodemon, PM2

04 - Webpack, React, HMR

05 - Redux, Immutable, Fetch

06 - React Router, Server-Side Rendering, Helmet

07 - Socket.IO

08 - Bootstrap, JSS

09 - Travis, Coveralls, Heroku

Какво следва

Setting up your editor (Atom first), MongoDB, Progressive Web App, E2E testing.

Преводи

Ако искате да добавите ваш превод, моля прочетете препоръките, за да започнете!

V2

Текущите преводи можете да видите тук.

V1

Credits

Създадено от @verekiaverekia.com.

Лиценз: MIT

Packages

No packages published

Languages

  • JavaScript 100.0%