Как бэкэндщику быстро и решительно разобраться с фронтэндом?

Question

[CAMOKPYT]

Я бэкэндщик, но появилась необходимость разобраться с фронтэндом. Есть базовые знания с htmlbook + небольшой опыт верстки обминок на бутсрапе\фаундейшене, пересекался с HAML и SCSS в рельсах. Интересует удобный полноценный курс по фронтэнду включающий в себя:
1) обзор инструментов (тестирование под разные экраны, взятие цвета с картинки)
2) фак по нубским вопросам (выравнивание блоков и содержимого, верстка треугольников, кругов, градиент)
3) тут же бестпрактис (типичные проблемы и правильные решения)
4) туториалы, лучше прямо в браузере, можно оффлайн, если книга

Comments

[Василий]

Извините что немного грубо, но - а я хочу розовую летающую пони.

Answer 1

[Александр Першин]

Начать можно здесь - htmlacademy.ru/learn_map
Специально раскапывали многие тонкости: блочную модель, позиционирование, селекторы и т.д. Особенно полезна будет CSS-ветка. Пока есть не все курсы, но то, чего пока нет - можно загуглить. Можно попроходить codeacademy, но именно веб у них очень слабый.

Еще есть интенсив htmlacademy.ru/intensive, но он платный. Зато можно посмотреть программу, в которой достаточно подробно расписаны этапы вёрстки и пытаться искать информацию по ним.

Comments

[CAMOKPYT]

Вот это совсем другое дело. Спасибо!

Answer 2

[Krickt]

Во-первых заниматься фронт-ендом и бек-ендом одновременно не получится, если конечно важно качество.
---
По вопросу:
Готового комплекта нигде нет, т.к. пока такой будет создан все описанные в нем технологии уже устареют. :)
www.impressivewebs.com/skills-front-end-developers
Изучить сразу и все не получится, нужны глубокие знания по многим технологиям. Если они будут, не нужны будут и всякие туториалы, вы сами будите способны писать их.
Нужно читать много книжной лит-ры, блоги.
Идеальный вариант - обратится к знакомому фронт-ендеру, если такой имеется.

Comments

[CAMOKPYT]

Необходимости становится гуру фронтэнда нету, более конкретно есть вот такой туториал по jQuery try.jquery.com четко, дерзко. Есть книга по рельсам pragprog.com/book/rr2/rails-recipes что называется лучшие практики. По инструментам для разработки информации меньше, но наверняка как среди программистов ценится продукция от JetBrains, так же у верстальщиков есть свои удобные инструменты.

[andreiglingeanu]

Ну вот вам и по инструментам:
https://tutsplus.com/course/tools-of-the-modern-we...
https://tutsplus.com/course/more-tools-of-the-mode...