Введение Рабочая тетрадь по фронтенд-разработке 2018

• Introduction

  • Что такое фронтенд-разработчик?

  • Обзор разработки интерфейса, 2017 г.

  • Предстоящие фронтенд-истории в 2018 году...

  • Часть 1: Практика переднего плана

  • Вакансии, связанные с фронтенд-разработкой

  • Основы фронтенд-разработки

  • Продвинутые знания фронтенд-разработки

  • Список операционной среды клиентской программы

  • Роль front-end разработки в команде

  • Полный шторм

  • Подборка вопросов для фронтенд-интервью

  • Компиляция фронтенд платформы поиска работы

  • начальный оклад

  • Конкретный состав знаний, связанных с фронтенд-разработкой

  • Часть 2: Изучение фронтенд-разработки

  • Self Directed Learning

    • Знания, связанные с сетью

    • Узнать о браузерах

    • Узнать о DNS

    • Изучите знания, связанные с HTTP / сетью

    • Узнайте о веб-хостинге

    • Изучите основы фронтенд-разработки

    • Узнайте о пользовательском интерфейсе и взаимодействии с пользователем

    • Изучите знания, связанные с HTML и CSS

    • Узнайте о поисковой оптимизации

    • Узнать о JavaScript

    • Узнать об анимации

    • Изучите знания, связанные с DOM, BOM и jQuery.

    • Изучите веб-шрифты, создание маленьких иконок и знания, связанные с изображениями

    • Узнайте о развитии веб-доступности

    • Узнать об API браузера

    • Узнать о JSON

    • Узнайте о шаблонах JS

    • Узнайте о создании статических страниц

    • Изучение вычислительной науки и технологий с помощью языка JS

    • Изучите архитектуру фронтенд-приложений

    • Изучите дизайн API данных

    • Узнать о Реакте

    • Узнать об управлении состоянием

    • Узнайте о прогрессивной разработке веб-приложений

    • Изучите дизайн JS API

    • Научитесь использовать инструменты отладки фронтенд-разработки

    • Научитесь использовать командную строку

    • Узнайте о Node.js

    • Узнайте о модулях JS

    • Узнайте о загрузчиках модулей JS

    • Узнать о менеджерах пакетов

    • Узнать о контроле версий

    • Узнайте о разработке автоматизации интерфейса

    • Узнайте об оптимизации производительности веб-сайта

    • Узнать о тестировании

    • Знакомство с бесинтерфейсным тестированием

    • Получите навыки автономной разработки

    • Изучение знаний, связанных с безопасностью переднего плана

    • Узнайте о многосторонней разработке внешнего интерфейса (например, об адаптивном веб-дизайне).

  • Directed Learning

    • Онлайн-школы, связанные с обучением фронтенд-разработке

  • Источник знаний для фронтенд-разработчиков

  • Еженедельные журналы, новости и соответствующие блоги, связанные с фронтенд-разработкой

  • Часть 3: Инструменты разработки интерфейса

  • Инструменты, связанные с документацией API

  • SEO-инструменты

  • Инструменты прототипирования и вайрфрейминга

  • инструменты рисования

  • http-инструменты и связанные с ними сетевые инструменты

  • Инструменты, связанные с редактором

  • Инструменты, связанные с браузером

  • Инструменты, связанные с HTML

  • Инструменты, связанные с CSS

  • Инструменты, связанные с разработкой DOM

  • Инструменты, связанные с разработкой JavaScript

  • Инструменты для создания статических веб-страниц

  • Некоторые полезные средства веб-разработки

  • Инструментарий инфраструктуры, связанный с разработкой приложений (для настольных компьютеров и мобильных телефонов)

  • Инструменты, связанные с State Manager

  • Инструменты, связанные с прогрессивной разработкой веб-приложений

  • Инструменты разработки, связанные с графическим интерфейсом

  • Инструменты, связанные с привязкой данных

  • Набор виджетов и компонентов пользовательского интерфейса

  • Инструменты, связанные с визуализацией данных (например, диаграммы)

  • Инструменты, связанные с графикой (например: SVG, canvas, webgl)

  • Инструменты, связанные с анимацией

  • Инструменты, связанные с JSON

  • Заполнители, изображения и инструменты, связанные с текстом

  • Инструменты, связанные с тестированием

  • Интерфейсные инструменты, связанные с управлением хранилищем данных

  • инструмент для упаковки модулей

  • Модуль управления складом

  • Инструменты, связанные с хостингом веб-сайтов

  • Инструменты, связанные с управлением проектами и размещением кода

  • Инструменты для совместной работы и общения

  • Инструменты размещения контента

  • Инструменты серверной службы

  • Инструменты автономной разработки

  • Инструменты, связанные с сетевой безопасностью

  • инструмент управления задачами

  • Инструмент развертывания

  • Инструмент веб-мониторинга

  • Инструмент мониторинга ошибок JS

  • Некоторые другие отличные подборки инструментов

  • Найти инструмент

  • При поддержке Frontend Masters

• Опубликовано GitBook

автор:Cody Lindley

Зависит отFrontend MastersСпонсируйте, улучшайте свои навыки с помощью обширных, популярных курсов переднего плана.

Это руководство, которое каждый может использовать для изучения фронтенд-разработки. В нем представлен широкий обзор и обсуждение фронтенд-разработки: как изучить фронтенд-технологию и связанные с ней инструменты разработки в 2018 году.

Основная цель этого руководства — предоставить профессиональный ресурс для изучения технологии для тех, кто хочет стать профессионалом в области фронтенд-разработки. Кроме того, это также может помочь менеджерам, техническим директорам, лекторам или хедхантерам понять знания и навыки, которыми следует обладать в области фронтенд-разработки.

Содержание этого руководства ориентировано на технологии веб-интерфейса (HTML, CSS, DOM и JavaScript), и ресурсы для этих решений построены непосредственно на этих открытых технологиях. Ресурсы, цитируемые и обсуждаемые в справочнике, являются либо наиболее распространенными, либо лучшим решением проблемы в этой области.

Данное руководство нельзя считать самым полным обзором знаний для фронтенд-разработчиков. Его ценность заключается в кратком, своевременном и централизованном изложении знаний, которыми должны обладать нынешние разработчики интерфейса, чтобы дополнить ваши недостатки в определенном аспекте.

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

Настоящее руководство состоит из следующих трех частей:

Часть I. Практика фронтенда

Первая часть в основном резюмирует технологию фронтенд-разработки.

Часть II: Изучение фронтенд-разработки

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

Часть III: Инструменты разработки интерфейса

В третьей части кратко объясняются и анализируются инструменты фронтенд-разработки в этой области.

---

в файлах .pdf, .epub или .mobi :

• woohoo.git book.com/book/front E…

Публикуйте контент, предложения и исправления на github:

• GitHub.com/frontend МАС…

---

Эта работа финансируется [Creative Commons Attribution-NonCommercial-NoDerivs 3.0 неперенесенная лицензия] авторизация (Creative Commons.org/licenses/не…).