JavaScript Stack from Scratch
Это русскоязычная версия руководства Джонатана Верекии (@verekia). Оригинальное руководство расположено здесь. Начата работа по переводу второй части. Первая версия находится тут
Добро пожаловать в мое современное руководство по стеку технологий JavaScript: Стек технологий JavaScript с нуля.
�� Это вторая версия руководства. По сравнению с предыдущм релизом 2016г произведены значительные изменения. См. Change Log!
Это практико-ориентированное пособие по применению JavaScript технологий. Вам потребуются общие знания по программированию и основы JavaScript. Это пособие нацелено на интеграцию необходимых инструментов и предоставляет максимально простые примеры для каждого инструмента. Вы можете рассматривать данный документ, как возможность создать свой собственный шаблонный проект с нуля. Поскольку целью этого руководства является сборка различных инструментов, я не буду вдаваться в детали по каждому из них. Если вы хотите получить по ним более глубокие знания, изучайте их документацию или другие руководства.
Конечно, вам не нужны все эти технологии, если вы делаете простую веб страницу с парой JS функций (комбинации Browserify / Webpack + Babel + jQuery достаточно, чтобы написать ES6 код в нескольких файлах), но если вы собираетесь создать масштабируемое веб приложение, и вам нужно все правильно настроить, то это руководство вам отлично подходит.
В большой части технологий, описываемых здесь, используется React. Если вы только начинаете использовать React и просто хотите изучить его, то create-react-app поможет вам и кратко ознакомит с инфраструктурой React на основе предустановленной конфигурации. Я бы, например, порекомендовал такой подход для тех, кому нужно влиться в команду, использующую React, и на чем-то потренироваться, чтобы подтянуть свои знания. В этом руководстве мы не будем пользоваться предустановленными конфигурациями, поскольку я хочу, чтобы вы полностью понимали все, что происходит "под капотом".
В каждой части руководства имеются примеры кода, и вы можете запускать их через yarn && yarn start. Однако я рекомендую писать все с нуля самостоятельно, следуя пошаговым инструкциям.
Итоговый код данного руководства доступен в отдельном репозитории: JS-Stack-Boilerplate repository. Он работает под Linux, macOS, и Windows.
Содержание
02 - Babel, ES6, ESLint, Flow, Jest, Husky
06 - React Router, Server-Side Rendering, Helmet
09 - Travis, Coveralls, Heroku
Далее планируется
Настройка вашего редактора (Atom и другие), MongoDB, Прогрессивное веб приложение (Progressive Web App).
Переводы на другие языки
Если вы хотите добавить перевод на другой язык, пожалуйста читайте рекомендации по переводу чтобы начать!
Версия 2
Версия 1
- 中文 by @pd4d10
- Italiano by Fabrizio Bertone
- 日本語 by @takahashim
- Русский by React Theming
- ไทย by MicroBenz
Сведения
Создано @verekia – verekia.com.
Переведено @usulpro - react-theming
Лицензия: MIT
-
There's a lot to cover here... A component's template will be compiled down to a render function. When Vue needs to render a component it will call that render function. The render function is not dir
-
The short answer: SVG would be easier for you, since selection and moving it around is already built in. SVG objects are DOM objects, so they have "click" handlers, etc. DIVs are okay but clunky and h
-
从头搭建rpc框架 by Alcides Queiroz 通过Alcides Queiroz #LearnByDIY-如何从头开始创建JavaScript单元测试框架 (#LearnByDIY - How to create a JavaScript unit testing framework from scratch) I promise, this is gonna be fun. =) 我
-
react-emotion Have you ever wondered - can we make Node.js check to see if what we say is positive or negative? 您是否曾经想过-我们可以让Node.js检查一下我们说的是肯定还是否定的？ I got a newsletter which discussed tone detection.
-
JavaScript Stack Boilerplate Final boilerplate code of the JavaScript Stack from Scratch tutorial. How to use this boilerplate This boilerplate is available in two versions: js-stack-boilerplate (this
-
Min Stack 描述 Design a stack that supports push, pop, top, and retrieving the minimum element in constant time. push(x) -- Push element x onto stack. pop() -- Removes the element on top of the stack. t
-
Implement Stack using Queues 描述 Implement the following operations of a stack using queues. push(x) -- Push element x onto stack. pop() -- Removes the element on top of the stack. top() -- Get the top
-
它代表了一个后进先出的对象集合。 当您需要后进先出的项目访问时使用它。 当你在列表中添加一个项目时，它被称为推送项目，当你删除它时，它被称为弹出项目。 堆栈类的属性和方法 下表列出了Stack类的一些常用properties - Sr.No 财产和描述 1 Count 获取Stack中包含的元素数。 下表列出了Stack类的一些常用methods - Sr.No. 方法名称和目的 1 Public
-
此函数沿新轴连接数组序列。 自NumPy版本1.10.0以来已添加此功能。 需要提供以下参数。 Note - 此功能在version 1.10.0 。 numpy.stack(arrays, axis) Where, Sr.No. 参数和描述 1 arrays 相同形状的阵列序列 2 axis 结果阵列中的轴，输入阵列堆叠在其中 例子 (Example) import numpy as np
-
在英语词典中，单词堆栈意味着将对象排列在另一个上面。 这与在此数据结构中分配内存的方式相同。 它以类似的方式存储数据元素，因为一堆板在厨房中一个接一个地存储。 因此，堆栈数据结构允许一端的操作可以被称为堆栈顶部。 我们可以添加元素或仅从堆栈中删除元素。 在堆栈中，最后按顺序排列的元素将首先出现，因为我们只能从堆栈的顶部删除。 这种功能称为后进先出（LIFO）功能。 添加和删除元素的操作称为PU