Skip to content

Instantly share code, notes, and snippets.

@Intey
Last active July 5, 2016 11:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Intey/811448bfb5a81228d2a132c02a755b9a to your computer and use it in GitHub Desktop.
Save Intey/811448bfb5a81228d2a132c02a755b9a to your computer and use it in GitHub Desktop.
По просьбам, инфа за то, как прийти в веб, что читать и т.п.

Направления, ключи

JS, HTML, CSS - стандарт. Даже если идти в backend-разрабы - всеравно нужно.

Frontend - разработка морды. Дизайнер задает общий вид, рисует макеты, а фронтовик превращает это в рабочее приложение.

Backend - рабочая часть приложения. Мозги, тут бизнес-логика везде. Заодно и БД и API.

Обучалки

  • JavaScript - функдаменталка по JS. Хорошо для начала по JS и как документация.

  • FreeCodeCamp - мощная платформа. Реально Camp: есть и пипл который учится попутно, есть с кем перетереть. В Github Trends - в топе по JS. И обучение структурированное начиная с HTML,CSS и уходит аж до React. Попутно задевают алгоритмы, визуализацию данных с помощью D3. Будет и Frontend и Backend(nodejs). Самый смак, то что в конце получаешь сертификаты, с которыми можно взять задачку "NonProfit" - просто выполнить заказ, что бы набить руку. До кучи тут и Git, и за Agile(Coming soon) и еще всякая всячина. Сам его прохожу потихоньку.

  • CodeSchool - Не такой мощный как FreeCodeCamp, но имеет курсы по Angular, Python, RubyOnRails. В студенческие годы тут вычитывал за RubyOnRails. Тут же брал фундаменталку дизайна. �

  • CodeAcademy - Еще платформка, по JS, HTML, CSS. Смотрится уже сильно слабее первых двух, но для полноты картины.

  • W3school - тоже обучающая, но ассортимент шире. Тут можно найти теже обучалки про веб + XML, XSLT(именно тут я его учил), Так же за APS.NET, PHP, Bootstrap.

И еще есть статья на хабре которая по сути рассказывает о том же, о чем и я. И конечно же жаргоны, ключевые слова и т.п.

frontend

build-tools

Хоть JS,HTML,CSS интепретируемые и их не нужно их компилить в байт-код, однако это делать приходится, потому что:

  • в JS "нет"(подробнее ниже) include как встроенного функционала
  • JS код передается с сервера на клиент, потому встает вопрос размера: компрессия, uglifycation, mangling.
  • CSS - многим кажется не удобным. Отсутствие переменных приводит к коллосальному дублированию магичеких чисел(например #454eba). Создались прероцессоры.
  • изображения - их нужно сжимать опять же, что бы не жрать трафик.

Webpack - набрал хорошо популярность вместе с реактом и прочими. Умеет дохрена. Grunt/Gulp - Первый самый старый наверно, а Gulp немного улучшенный. Не юзал, хз.

ajax

Асинхронное общение с сервером. Разве что блоги не используют его. Если же создается приложение(не сайт) - ajax будет по любому. Иначе можно сразу делать в стиле 90х.

jquery

"С этой либой даже обезьяна может писать веб." (c) Anonymous

lodash

Дополнительные функции которых часто не хватает.

boostrap

А теперь обезьяны могут делать резиновые сайты!

react

V в MVC. Либа для фронта. Чистым React сыт не будешь. Удобный концепт компонентов и заложенная в архитекуру идея повторного использования.

flux/redux/mobx

Наверно это те самые MC из MVC которые

Angular (и Angular2)

Первый монструозен, но это комбайн, в котором есть все и сразу. Второй вроде бы одумался и тоже пришел к компонентам, чем стал проще, однако React уже забрал рынок.

SPA

Приложения одной страницы. Как бы странно не звучало, но идея в том, что вместо перезагрузки страницы, мы заменяем содержимое текущей страницы "следующей". Для пользователя выглядит как desktop приложение. В этом соль

backend

REST

Подход к разработке API backend'а. До сих пор очень популярен и де-факто, в некотором роде стандарт разработки backend'а. Если конечно же это приложение, а не просто сайт. Использует как основу протокол HTTP(S) и его формат передачи данных.

GraphQL

Новичок от тех же Facebook(авторы React) который(тут может быть смешно) предоставляет SQL интерфейс для доступа к БД за сервером. Если более правильно, то там не совсем SQL, А эдакий YAML помешанный с JSON/JS. Эти запросы приходят на сервер. Сервер его обрабатываем в соответствии с правами доступа клиента(запроса) и возвращает некоторые данные. Ну а раз это делает сервер, то попутно он может выполнять расчеты, собирать инфу, логгировать и т.п. в общем идея выкинуть сервер и напрямую дать коннект к БД - плохая идея.


Выбор фреймоворка по языку. Как правило почти на каждый язык уже есть REST-framework.

python

  • django
  • rest framework

ruby

  • rails

clojure

  • ring +
    • compojure
    • compojure-api

node.js

  • express
  • socket.io
  • meteor

scratch

Это уже на вариант, если хочется без фреймворка обойтись.

  • nginx
  • node.js as is
  • python http.server(py3) или SimpleHTTPServer(py2)

PHP

ну на всякий случай

  • simfony
  • Yii
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment