Junior Stack Overflow Developer

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

Задавать вопросы — не стыдно. Стыдно просидеть весь день и не написать ни строчки, потому что чего-то не понял.

Для тренировки можно перестать задавать вопросы, не найдя на них ответ самостоятельно.

P. S. А ещё Гугл следит, насколько крутые и специфические запросы вводит пользователь, и начинает обрабатывать его как потенциального кандидата.

#поиск

Главные инструменты разработчика

Stack Overflow — одна из самых популярных в мире систем вопросов и ответов о программировании, вебе и пр.

Toster — популярная в русскоязычной среде система вопросов и ответов по любой теме из области IT.

Google — без комментариев.

#поиск

Как пользоваться Гуглом —
https://lifehacker.ru/vse-sekrety-google/

#поиск

Навигация по каналу

Новеньким — лучше читать канал с начала.

Рубрики:
#поиск — всё, что связано с поиском чего-либо.

#html — всё, что связано с HTML.

#css — всё, что связано с CSS.

#javascript — всё, что связано с JS.

#сервис — полезный сервис.

#крутяк — крутяк.

Дальше — аналогично.

Основы

Справочник по HTML

Справочник по HTML-атрибутам

Справочник по CSS

Правила оформления HTML-кода

Правила оформления CSS-кода

#html #css

Placeholder

Пустые картинки для макета —
https://placeholder.com/

Много настроек: можно выбирать форматы изображений, вставлять пользовательский текст, менять цвет фона/текста, изменять размер.

Например:
http://via.placeholder.com/500x500/000/fff

#сервис

Спасение

Словарь терминов по фронтенду —
https://github.com/web-standards-ru/dictionary/blob/master/dictionary.md

Это прекрасно!

#крутяк

Онлайн-радио —
http://www.netilradio.com/

Потрясное!

#сервис

Знать как верстают другие

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

Что делать

Почаще открывать исходный код просматриваемых сайтов.

Как проверить

Сделать что-то так, как уже удачно сделали на каком-нибудь популярном сайте.

Всё-таки попробуйте 🙃

Флексбоксы

Игра для изучения флексбоксов —
https://flexboxfroggy.com/#ru

Инструкция по использованию флексбоксов с примерами —
https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex-basis

Инструкция-иллюстрация по использованию флексбоксов —
http://jonibologna.com/flexbox-cheatsheet/

Ещё одна инструкция, на русском —
https://tuhub.ru/posts/flexbox-complete-guide

#css

​​Отдохните

Зарядка для глаз во время работы перед монитором важна не менее, чем разминки спины после дня в полусогнутом положении. 2-3 минуты помогают вернуть тонус глазным мышцам. В идеале, после зарядки разомните шею и отдохните.

Сайт для глаз —
http://blimb.su/

#сервис

Сниппеты

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

Изобретать велосипед плохо для дела, но хорошо для обучения.

А зачем это?

— Сниппеты и примеры помогают относится к коду как к чему-то стоящему, а не как к одноразовым костылям.

— Ведение набора заготовок тренирует принцип повторного использования кода.

— Помогает запоминать подходы и совершенствовать полученные результаты.

— Огромный довесок к резюме и репутации.

Кодите по ночам?

Да – 32
👍👍👍👍👍👍👍 62%

Нет – 13
👍👍👍 25%

Я робот: делаю это постоянно – 7
👍👍 13%

👥 52 people voted so far. Poll closed.