ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ

Дорожные карты веб-разработки

❮ Home Next ❯

Что такое дорожная карта?

Дорожная карта - это наглядное представление пошагового сценария развития определенного объекта – какого-то продукта, класса продуктов, какой-то технологии, группы сопутствующих технологий и т.д. Иными словами - это план действий по достижению определённых целей и решению поставленных задач с применением необходимых средств.

Для веб-разработчиков есть три пути – Front-end, Back-end и DevOps. Каждое из этих направлений имеет свои особенности и для каждого направления веб-разработки существует своя дорожная карта.

Дорожная карта для фронтэнд-разработки (Front-End)

ШАГ 1
Изучите основы

Каждый веб-разработчик должен иметь общее представление и знать основы HTML, CSS и JavaScript.

Адаптивный веб-дизайн используется во всех типах современной веб-разработки.

ECMAScript 5 (JavaScript 5) поддерживается во всех современных браузерах. Обратите внимание на это, особенно на новые функции массива.

HTML

HTML HTTP / XHR

CSS

CSS CSS Адаптивность

JavaScript

JavaScript ECMAScript 5

ШАГ 2
Копайте глубже

Когда вы освоитесь с HTML и CSS, начинайте копать глубже - т.е. изучайте более подробно.

Вы должны научиться использовать карты, шрифты и иконки в HTML.

Со стороны JavaScript вы должны узнать, как получить доступ к HTML DOM.

Вы также должны научиться использовать AJAX и JSON для выполнения запросов к серверу.

HTML

HTML DOM Google карты Google шрифты Google диаграммы

CSS

CSS иконки

JavaScript

XML JSON AJAX

ШАГ 3
Выберите фреймворки

Теперь пришло время взглянуть на некоторые фреймворки.

На стороне CSS вы должны выбрать платформу для создания адаптивного веб-дизайна:
Bootstrap  /  Material Design  /  W3.CSS

Со стороны JavaScript вы должны изучить хотя бы один современный фреймворк:
React.js  /  Angular.js  /  Vue.js   /  W3.JS

Возможно, популярность jQuery достигла вершины, но это всё ещё самый используемый фреймворк JavaScript в Интернете. Ему также следует уделить внимание.

CSS

Bootstrap W3.CSS

JavaScript

jQuery AngularJS Vue.js W3.JS

XML

XSLT XPath XQuery

Roadmap

Диаграмма, созданная GitHub пользователем Kamranahmedse:
https://github.com/kamranahmedse

Дорожные карты для бэкэнд-разработки (Back-End)

ШАГ 4
Дорожные карты бэкэнда

Fullstack (полный набор)

SQL PHP ASP Python

Fullstack JS (полный набор JavaScript)

SQL Node.js MySQL Mongo.db
Roadmap

Диаграмма, созданная GitHub пользователем Kamranahmedse:
https://github.com/kamranahmedse

Что требуется для любого направления веб-разработки?

Это знания и навыки:

  • Git - система контроля версий
  • Основы использование терминала
  • Структуры данных и алгоритмы
  • GutHub. Создание репозиториев
  • Семантическое управление версиями
  • SSH, HTTP/HTTPS и API
  • Шаблоны проектирования
  • Кодировка символов
❮ Home Next ❯