Ну начнём.

Многие источники говорят что для того чтобы начать «входить в IT» необходимо знать английский язык. Определенная часть правды в этом есть, т.к. большинство документации (официальная практически вся) написаны на английском.

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

Для совмещения полезного и полезного очень рекомендую ресурс https://freecodecamp.org
Это абсолютно бесплатные курсы для будущих фронтенд разработчиков. Это не реклама, я сам учусь на этом сайте, уже получил первый сертификат из 6. Все уроки написаны довольно простым английским языком.

Я открываю в одной вкладке freecodecamp, во второй переводчик: где перевожу непонятные мне слова или предложения. Со временем я заметил, что во вторую вкладку смотрю все реже.
Попробуйте, может этот способ подойдёт и для Вас

Наша цель - стать достойным фронтенд разработчиком.
Первое что необходимо - это изучить базовое оружие: HTML и CSS.

HTML - довольно простой язык разметки, у Вас не составит труда найти бесплатные курсы и выучить его (например на том-же freecodecamp, о котором я писал в прошлом посте). Обращайте внимание на HTML5-теги и понятие семантики.
Для изучения CSS рекомендую курс легендарного Sorax’а на ютубе: Основы CSS/CSS3

Когда приступите к практике, обязательно научитесь использовать Emmet. Это ускорит написание кода в несколько раз, а понимание этого плагина не отнимет много сил и времени.

Главные правила становления героя фронтенда:

- закреплять полученные знания на практике
- закреплять полученные знания на практике
- закреплять полученные знания на практике

Вы можете посмотреть 100 часов видео, прочитать 200 книг, а потом сесть за любимый редактор и не написать ничего.

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

Только так можно чему-то научиться, не только в веб-разработке. Так что кто не понял нам надо : закреплять полученные знания на практике!

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

Статья раскроет более подробный план изучения фронтенд-разработки. Хоть она и за 2016 год, для нас она всё ещё актуальна.

Вторая часть статьи расскажет про изучение javascript.
Я же рекомендую начать изучение js с сайта learn.javascript.ru. Более понятного онлайн учебника в русском сегменте, наверное, нет.

Продолжаем повышать уровень знания английского языка.

Вот короткий курс на memrise English for programmers.
Всего 200 с небольшим слов.

После прохождения станет проще читать оригинальную документацию и проходить курсы на freeCodeCamp.

Посмотрел первые две лекции Школы разработки интерфейсов Яндекса за 2018 год.
Очень полезная, а главное актуальная информация, обязательно посмотрю до конца.

После просмотра первой лекции для более близкого знакомства с flexbox и grid предлагаю пройти интерактивные игры по этим темам: flexbox, grid.

После этого уже перейти к практике на своих макетах 😉

Немного подробнее об Emmet.

Emmet является крайне важным инструментов для веб-разработчиков, т.к. ускоряет написание HTML и CSS кода в разы. Я думаю многие о нём знают.

Кто не знает посмотрите демку на официальном сайте плагина, которая всё наглядно демонстрирует.

Далее посмотрите:
- обзор на русском от Sorax'a
- все доступные сокращения

Если Вы, как и я, в основном экспериментируете на codepen.io, там Emmet уже встроен, смело пользуйтесь. Это действительно из категории "маст хэв".

#js_лайфхак

Для быстрой очистки массива можно установить его длину равной нулю: arr.length = 0;

Так же если нужно оставить только первые n элементов в массиве можно использовать запись: arr.length = n;

Подробнее про свойство Array.length

Функциональное программирование

Мне довольно трудно давалось понимание этой парадигмы программирования. Я почитал статью на википедии, посмотрел несколько уроков на ютубе и практически ничего не понял.

Затем я прошел раздел функционального программирования
на freeCodeCamp и базовые концепции ФП стали более понятны.

Поэтому для знакомства с функциональным программированием рекомендую сначала пройти этот раздел.

Если Вы знаете статьи или видео, доступные и понятные для новичка по этой теме, пишите: @kopchikovich
С удовольствием ознакомлюсь и добавлю.

Регулярные выражения (Regular Expressions или RegExp) мощный инструмент для работы со строками, но, как мне кажется, немного трудный для восприятия.

Для изучения сначала почитайте про RegExp на MDN. Сначала может быть не очень понятно, не страшно, продолжаем.

Далее имеет смысл посмотреть 2 видео урока от Sorax'a: Регулярные выражения, Класс RegExp.

После этого закрепляем все получаенные знания на очень полезном сайте regexr.com. Там наглядно видно что делает написанное вами выражение.

Надеюсь всё это поможет Вам в понимании работы регулярных выражений.

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

Frontend Weekend - интервью с разработчиками из различных компаний и городов (возможно найдёшь интервью с разработчиком из компании, в которую ты хочешь попасть)

Фронтенд Юность (18+) - разговоры на различные околофронтендные темы с большим количеством юмора и оффтопа, от того и интересные

Девшахта/Ночной фронтенд - обсуждение новостей фронтенда, прошедших и грядущих конференций

Кстати в выпуске Ночного фронтенда про конференцию HolyJS 2018 Piter узнал об очень интересном докладе Ильи Климова "30: Слишком много JavaScript" об эффективном обучении.

Доклад поможет расставить приоритеты: что нужно учить, а что "выучиться само". Очень актуально для нас, рекомендую к просмотру.

Рекомендую к прочтению статью на medium для тех, кто считает что после 30 лет нет смысла "лезть в IT".

Реальная история человека о проблемах с которыми столкнулся, решениями и практическими советами.

Статья на английском языке.

Короткий курс по английскому от лофтблога JavaScript по-английски.

Понравилось запоминание слов с помощью гугл картинок из первого урока, да и в целом интересно и полезно.

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

Лонгрид из 3х частей "о зарождении, развитии и перспективах языка JavaScript": Краткая история JavaScript. Часть 1

Интересная история о том как JS пришёл к нынешнему состоянию и что его ждёт впереди.

Подробный список того, что нужно знать веб-разработчику know-it-all.io.

В нём можно отмечать, что уже знаешь или знаешь, но недостаточно хорошо.

Неплохой способ отсортировать полученные навыки и увидеть что ещё предстоит изучить.

Завершил второй курс на freeCodeCamp под названием JavaScript Algorithms and Data Structures и получил сертификат.

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

Хотя сам грешен и решение одного задания подсмотрел 😊 но там всё упёрлось в математику, а не в js. Хотя это тоже так себе оправдание.

Давно хотел узнать подробнее о псевдоклассах :before и :after и наткнулся на краткую и понятную статью на хабре.

Статья уже старенькая, но для общего представления подойдёт.

Статья на английском из 3х частей на css tricks о том как пользоваться css grid в ie.

После ознакомления со статьей, сделал для себя вывод пока не использовать гриды в ие🙂 продолжаю набивать руку на flexbox.

На проекте JavaScript.Ninja выложили матрицу компетенций Fullstack JS разработчика.

В ней можно оценить свой уровень в различных вещах: от около фронтендовых технологиях до софтскилов.

А главное посмотреть что представляет из себя уровень "гуру" и что нужно понимать, чтобы его достичь. А наша цель - его достичь.

С 16 июля 2018 года открыт новый набор в Школу разработки интерфейсов Яндекса! В этот раз она пройдёт в трёх городах: Москве, Санкт-Петербурге и Симферополе.

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

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