Давно не виделись, в фоновом режиме получил сообщение от друга, спрашивал, не делает ли фронтенд еженедельник? На самом деле нет, я готовлю лучшую форму доставки контента! После двух месяцев тщательной подготовки я рад сообщить вам: я вернулся и приготовил подарки для студентов, которые следят за Front-end Weekly,Завтра Front-end Weekly начинает предоставлять новую форму контента: регулярно публикует короткие видеоуроки продолжительностью от 3 до 5 минут, посвященные темам., статья будет продолжать писаться.
Почему выбирают видео?
Почему я решил добавить видеоуроки для обмена контентом?
Люди непобедимы, когда они тренируются, я твердо верю, что весь рост происходит от практики., Интересно, вы давно читали книги и документы, но все еще не знаете, с чего начать? Видео имеет естественное преимущество в демонстрации практических операций, поскольку благодаря сочетанию голосовых и кодовых операций зрители быстрее понимают и усваивают информацию. Конечно, нужно признать, что как краеугольный камень практики чтение и чтение документов также необходимы.
Независимо от того, в какой сфере, если у вас есть только идеи, вы обречены на отставание. ежедневные видеоуроки для вас.
Посмотрите видеоуроки, которые продвигает Front-end Weekly по дороге на работу, и отработайте их после того, как приедете в компанию.Вскоре вы сможете применить знания и навыки, представленные в видео, в реальной работе, внедрить их в свою собственную способности и сделать себя более ценным.
Что в нем такого особенного?
Время и внимание — самые ценные ресурсы человека.Если вы можете сконцентрироваться на том, что можете прочитать за 5 минут, вы никогда не должны смотреть это за 10 минут.Видеоуроки, продвигаемые Front-end Weekly, тщательно разработаны, записаны и отредактированы., конкретно:
- Каждый эпизод представляет собой пошаговую демонстрацию кодирования, потому что быстрое исправление возможно, и способ сделать это — увидеть, как это делает живой человек;
- Каждый эпизод снабжен ссылками на код jsbin/github для изучения учащимися, потому что только если вы испачкаете руки, вы сможете действительно понять;
- Каждый эпизод занимает всего 3-5 минут, чтобы рассказать об очень конкретном и действенном моменте (в основном, как, почему, если необходимо), потому что это не будет тратить ваше внимание, а стоимость практики самая низкая;
- В видео нет ни приветствий, ни прощаний, ни отклонений от темы, потому что я дорожу временем своих одноклассников, которые хотят отшлифовать свое мастерство через видео;
Что готово?
После столь долгой остановки, конечно, вы должны проявить достаточно искренности.Теперь подготовленные четыре курса (общий контроль времени 20 минут) будут делиться с вами в следующей последовательности.:
1. Идти в ногу со временем: попробуйте новые функции в React 16
В дополнение к полному открытию лицензии с открытым исходным кодом и механизма Fiber выпуск React 16 также предоставляет нам несколько очень мощных новых функций.В этом видеоуроке вы познакомитесь с этими новыми функциями на примерах, от границы ошибки до только текста. Component, а затем To Portal, всего 6 подразделов, каждый подраздел объясняет новую функцию на примере, чтобы вы могли ознакомиться с передовыми практиками новой функции, изучая ее использование. После просмотра этого видеоурока вы сможете умело применять такие функции, как Error Boundary и Portal, в своих реальных проектах, чтобы повысить эффективность разработки и качество кода Исходный код демо-версии был отправлен на Github для отладки.
2. Компонентная нирвана: краткое руководство по стилизованным компонентам
Изменив строку шаблона в ES6 (template literals) функции, творчески примененные к кодированию CSS,styled-componentsОн стал феноменальным решением CSS-IN-JS в сообществе разработчиков интерфейсов, позволяя нам писать компоненты на CSS, не беспокоясь о том, как связаны стили и компоненты, что делает стилизованные компоненты действительно основной единицей разработки. Итак, как использовать стилизованные компоненты в проектах React/React Native? Как доработать существующий проект? Как улучшить повторное использование кода и его адаптивность к изменениям? Этот видеоурок откроет для вас двери styled-components. На ознакомление вас с основными функциями styled-components уйдет 8 разделов и 18 минут. Исходный код демо будет размещен на Github для отладки.
3. Продвинутые навыки работы с браузерной консолью на практике
Консоль — это наиболее часто используемый инструмент отладки при разработке приложений javascript, а также это первый API, который большинство интерфейсных инженеров изучают, когда начинают. В дополнение к console.log современные браузеры также предоставляют нам множество функций для печати журналов, чтобы упростить различные требования к выводу журналов при разработке, такие как классификация журналов, форматирование, группировка, синхронизация, подсчет и т. д. Всего разделов 8, минут 20. После завершения этого курса вы можете добавить эти функции инструментов в свой набор инструментов, чтобы стать более эффективным инженером. Исходный код демо будет размещен на Github для отладки.
4. Игра с асинхронным JS: краткое руководство по async/await
Благодаря этому курсу вы узнаете, как использовать функции async/await в ES2017 для написания кода, который легче читать и понимать, чем цепочка обещаний и ад обратных вызовов. В общей сложности 8 разделов, 20 минут, этот курс начнется с написания простой функции async/await и шаг за шагом продемонстрирует, как комбинировать ключевые слова promise и await, как определять различные типы асинхронных функций, как обрабатывать ошибки и как сделать код await последовательным или параллелизмом, как правильно использовать await в цикле и т. д. Исходный код демо будет размещен на Github для отладки.
Что еще приготовите?
Последующие видеоуроки будут выбираться из следующего списка, главное эти инструменты, фреймы, библиотеки, навыкиЯ обычно часто работаю, некоторые даже наступили на мою яму. Хотите увидеть контент за пределами этих тем? Мне жаль, что вам нужно переехать в другое место:
- основы Javascript/CSS, такие как практическое использование новых возможностей языка и т. д.;
- Интерфейсные фреймворки, такие как React/Vue.js/Angular и т. д.;
- Инструменты для фронтенд-разработки и отладки, такие как VSCode, Chrome Dev Tools;
- Фреймворк Node.js, такой как Express/Koa/Weather.js и т. д.;
- инструменты разработки и отладки Node.js, такие как Postman, Charles и т. д.;
- Нативные фреймворки и инструменты, такие как React Native, fastlane и т. д.;
- Метод разработки проекта Javascript и фактическая работа;
- Инструменты повышения эффективности, такие как Bash, ZSH, Git;
- Другие нишевые библиотеки и инструменты, которые определенно могут повысить вашу эффективность;
Конечно, я также буду регулярно запускать опросы, чтобы узнать, что на самом деле нужно людям.
Если у вас остались вопросы?
Если у вас есть другие вопросы по содержанию и выбору темы, вы можете оставить отзыв несколькими способами:
- Оставьте сообщение в конце статьи, и я буду регулярно проверять закулисье паблик-аккаунта WeChat;
- Добавьте мой личный отзыв WeChat за несколько недель;
- Сообщить о проблеме в репозиторий github любого курса;
Хотите сначала посмотреть видеоурок?
Если вы хотите посмотреть видеоурок первого открытого урока «Ранние пользователи новых функций React 16», обратите внимание на еженедельную общедоступную учетную запись WeChat для отправкиcourse-react16Получите адрес загрузки видео высокой четкости, предварительный просмотр выглядит следующим образом, так что следите за обновлениями.