Начальный маршрут обучения

внешний интерфейс

предисловие


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

Цель:

  1. Знай свою силу
  2. Четкие пути обучения для разных этапов

контур

  • Один рейтинг за передовые знания
  • уровень1 этап
  • этап 2 уровня
  • Расширенный JavaScript
  • Вью Продвинутый
  • Принцип браузера
  • Структуры данных и алгоритмы
  • Шаблоны проектирования
  • Интернет
  • оптимизация производительности
  • Фронтенд-инжиниринг
  • разное
  • Суммировать
  • Планирование вывода для последующих статей
  • использованная литература

Один рейтинг за интерфейсные знания (запланированный матч)

level1 :

Я не трогал переднюю часть и понятия не имею о передней части

level2 :

Простое восстановление страницы можно сделать с помощью js, css, html, но библиотека пока использоваться не будет

level3 :

Используйте библиотеки, такие как vue, jquery, для завершения разработки обычного бизнеса, например, некоторых целевых страниц событий и страниц управления фоном.

level4:

Я могу хорошо разбираться в обычной бизнес-разработке, но я очень запутался в высокоуровневом JS, исходном коде, принципах браузера, структурах данных и алгоритмах, шаблонах проектирования, сетях, интерфейсной разработке и других вещах, и знаю только некоторые общие термины. В это время нам необходимо провести углубленное исследование в соответствии с личными предпочтениями.

level5:

Я пока не дошел до этого уровня, наверное, это какие-то возможности, такие как архитектура, общий контроль, построение масштабных проектов, управление проектами, распределение ресурсов и так далее.
Это процесс перехода от хирургии, и он больше не фокусируется на том, какой конец, а на контроле над целым. (Я мало что знаю об этом этапе, поэтому форсирую его тихим голосом)

level6:

Руководство по реабилитации при шейном спондилезе

уровень1 этап

На этом этапе вам нужно добавить некоторые базовые знания о фронтенде, вы можете посмотреть вводные книги

  • Head First HTML и CSS (2-е издание)



Лучшая вводная книга. Прочитав его дважды, вы получите общее представление о HTML и CSS.

  • Искусство программирования DOM на JavaScript



Лучшая вводная книга по JS, в которой рассказывается, как с первого взгляда манипулировать DOM с помощью JS (это базовый навык программирования на стороне браузера), а также прививаются наиболее соответствующие стандартам концепции программирования.

  • Расширенное программирование с помощью JavaScript (3-е издание)




Изучите базовый синтаксис JavaSrcipt

Основы можно посмотреть в главах 1-, 8, 10, 11, 13, 21, 22, 23, 24.

этап 2 уровня


Этот этап предназначен для использования некоторых библиотек классов

  • Расширенное программирование с помощью JavaScript (3-е издание)

    • Ага, все равно надо еще раз посмотреть

  • "Острый jQuery"



  • Необходим для начала работы, говоря о самой известной библиотеке JS — jQuery, книге для быстрого старта. Мало знать нативный JS, нужно еще и библиотеки использовать.

  • Vue

  • Vue относительно дружелюбен к новичкам (я видел только Vue и не осмеливаюсь навязывать его). Это можно посмотреть непосредственно на официальном сайте учебника.

  • Учебник на официальном сайте

  • «Вводный курс по ES6»

  • Адрес онлайн-версии
  • По крайней мере, пройдите его один раз, чтобы понять основы использования ES6.Вы можете сначала пропустить часть прокси.

Расширенный JavaScript

Эту часть можно разделить на две части

  • Продвинутое использование JS
  • владение принципами

Расширенное использование



владение принципами

  • Расширенное программирование с помощью JavaScript (3-е издание)
    • Все верно, все равно надо еще раз посмотреть (это энный раз)
  • «Вводный курс по ES6»
  • Серия "JavaScript, которого вы не знаете"
    • «JavaScript, которого вы не знаете (Том 1)»
      • Контент: область действия и замыкания, а также прототипы this и объекта.
      • Важность: Эта книга может быть посвящена
    • «JavaScript, которого вы не знаете (Том 2)»
      • Контент: типы, синтаксис, асинхронность и производительность
      • Что касается типов, грамматическая часть в порядке.
      • Если вы асинхронны, вы можете прочитать «Введение в стандарты ES6».
      • Что касается исполнительской части, смотреть не рекомендуется
    • «JavaScript, которого вы не знаете (Том 2)»
      • Содержание: Введение в JavaScript и Outlook для ES6 и будущие тенденции развития
      • Раздел вводных знаний по JavaScript можно увидеть ниже, который представляет собой краткое изложение первых двух книг и некоторые материалы по грамматике.
      • Я не рекомендую смотреть часть ES6
  • "Углубленное понимание ES6"
    • Эту книгу можно прочитать после прочтения «ES6 Introductory Tutorial».
  • JavaScript ниндзя Читы
    • надо купить второе издание

Вью Продвинутый

  • Анализ внутренней работы Vue.js
    • Понимание основных принципов внутри Vue, начальный уровень
  • "Углубленный Vue.js",
    • Когда автор представляет одну часть, он будет шаг за шагом переходить от самой простой и абстрактной демонстрации к реальному внешнему виду фреймворка и, наконец, сравнивать написанное вами демо с реальным фреймворком, чтобы проанализировать преимущества и недостатки обеих сторон.
  • Демистификация технологии Vue.js
    • Анализ исходного кода, средний уровень
  • Комплексный анализ Vue
    • Сверхподробный анализ — построчный анализ
    • Загрузите код, затем используйте элегантную ветку

Принцип браузера

Структуры данных и алгоритмы



украсть картинку
недавно учусьКрасота структур данных и алгоритмов, выше список книг, рекомендованный г-ном Ван Чжэном, вы можете прочитать соответствующие книги в соответствии с вашими потребностями

Шаблоны проектирования

  • Шаблоны проектирования JavaScript и практика разработки



  • Рекомендую посмотреть

  •  Блог дяди Тома

    • Серия «Углубленное понимание JavaScript» содержит различные углубленные шаблоны и шаблоны проектирования.

Интернет

  • "Иллюстрация http"
    • Удовлетворить базовое повседневное использование
    • начальный уровень
  • "Графический протокол TCP"
    • начальный уровень
  • Geek Time — перспектива HTTP-протокола 
    • Этот курс объясняет протокол http через историю, определения, безопасность, производительность и многое другое.
    • Более полное понимание сетевых знаний
  • Объяснение TCP/IP (Том 1)
    • Подробное объяснение TCP/IP

оптимизация производительности

Три рекомендуемые книги для комплексной оптимизации производительности
Оптимизацию браузера можно увидеть в разделах Google и MDN, которые являются более глубокими и приближенными к интерфейсу.

  • Руководство по созданию высокопроизводительных веб-сайтов
  • Расширенное руководство по созданию высокопроизводительных веб-сайтов
  • Полное руководство по веб-производительности
  • Оптимизация производительности командой разработчиков Google
    • Оптимизация производительности для браузерной части, которая анализирует оптимизацию производительности по ключевым показателям RAIL, которые можно использовать для справки.
  • Оптимизация производительности MDN
    • Подобно Google, оптимизация производительности с точки зрения браузера

Фронтенд-инжиниринг

Эту часть еще планирую изучить, здесь можно сослаться на LienJack'sФронтенд-инжинирингчасть

  • Использование и основные понятия
    • Поймите загрузчик, плагин и освойте некоторые основные часто используемые
    • Узнать о вавилоне

Использованная литература:Поэкспериментируйте с вебпаком

  • научиться оптимизировать
    • Оптимизация объема: встряхивание дерева, внедрение по запросу, вырезание кода
    • Оптимизация скорости упаковки: кэширование, многопоточная упаковка, оптимизированный путь упаковки

Использованная литература:

  1. принцип

разное

Суммировать

Благодаря приведенному выше введению у вас должен быть четкий маршрут для разных этапов.Я надеюсь, что в будущем вы сможете продолжать свою карьеру галопом. (Объявите, что эта статья не является статьей о предварительном убеждении)

Планирование вывода для последующих статей

В недавнем учебном процессе я обнаружил, что существует много пересечений между различными знаниями в сети, браузере, оптимизации производительности, продвинутом уровне JS и т. д. Далее я хочу решить эту классическую задачу через URL-адрес для рендеринга, чтобы разобраться в этом. Создайте передовую систему знаний.

Основной контекст этой серии будет следовать заПроцесс от ввода URL до загрузки страницы? Как улучшить систему знаний о фронтенде из одного вопроса!Чтобы написать, разница в том, что она будет более подробной, чем эта статья, а также будет рассматривать этот процесс с точки зрения фундамента, безопасности, производительности и т.д.

Если вы считаете, что это неплохо, вы можете поставить лайк, добавить в избранное и следить за выходом этой серии статей. Приветствую всех на контроле (просьба).

Спасибо еще раз

использованная литература



Категории