Как программисту быстро научиться качественно верстать?

Question

[Дмитрий Кайгородов]

Привет.

Я java программист. Иногда пишу HTML, CSS, JS; умею сделать на Bootstrap. Но когда что-то нестандартное, то потом вижу, что я сделал криво; что надо было с самого начала по-другому делать.
Подскажите какой-нибудь ресурс, чтобы научиться как надо и не надо делать.

Спасибо.

Comments

[Алексей Чернышев]

Скорее, нашел только что в твиттере ссылку! С 1 по 5 января бесплатные online курсы html/css htmlacademy.ru/newyear

Answer 1

[maxtrelle]

Изучение CSS Разметки - ru.learnlayout.com

Comments

[Дмитрий Кайгородов]

Наверное, это то что я искал -- систематизированный курс и именно по layout'у (хоть я и не понимал, что именно это мне нужно).
Самое полезный урок, наверное ru.learnlayout.com/inline-block-layout.html

Answer 2

[Юрий Паламонов]

Привет.

на сайтах ниже найдешь много полезного и интересного.
www.codecademy.com/tracks/web
htmlacademy.ru/courses

Answer 3

[Алексей Чернышев]

Может пригодиться. Страничка с тестовым заданием в Яндекс. Ниже они дают ссылки на ресурсы по теме.

alexbaumgertner.github.io/testworks/yandex

Comments

[Александр Баумгертнер]

О, не знал, что мои выполненные тестовые задания кому-то пригодятся :)

Answer 4

[Александр Цымбал]

быстро и качественно вряд ли получится. либо то, либо другое. я вот десятый год верстаю, только сейчас начинаю понимать, что что-то действительно хорошо умею.
А так, желательно помимо изучения основных свойств CSS почитать также про скорость обработки CSS браузерами, БЭМ. И всегда сверяться во всех браузерных движках - Chrome/Opera/Яндекс.Браузер (Chromium), Firefox/IE10-11 (Gecko), Safari (хотя бы Win-версия).
Кстати, есть такая полушутка профессиональная - если твой сайт выглядит и работает хорошо в Safari Win (v5.1), то за другие браузеры можешь не переживать )))) Ну и, конечно, нужно тестировать всё на совместимость с IE8. Ниже IE8 уже не стОит адаптировать, там меньше 1% осталось от числа пользователей (кто эти ненормальные?)
Если нужен верстальщик, пиши мне, контакты на tsymbal.su

Comments

[Eugene]

Сайт офигительный, tsymbal.su никогда такого не видел, откуда позаимствовал такое?

[Александр Цымбал]

blasheevich: почему сразу позаимствовал? ) Всё придумано мной. Все скрипты написаны с нуля, никаких готовых библиотек. Вдохновлялся европейскими сайтами.

[Алексей Мальцев]

Выводит заглушку, мол не адаптирован под моё устройство (галактика 4)

[Алексей Мальцев]

По сабжу: ещё хочу добавить курсы от tree house, они платные, но очень офигенные. В сети можно отрыть промо на месяц.

[Александр Цымбал]

Алексей Мальцев: под мобильники пока не адаптирован. только планшеты и пк. высота окна должна быть не менее 600px. Попробуй с компа зайти.

[Алексей Мальцев]

Александр Цымбал: а зачем так жестоко обделять наладонники? Сразу говорю, я студент и мало что смыслю пока в этой теме, но по мне так уж лучше хоть что-то видеть (пусть всё будет некрасиво), чем не видеть вообще ничего.

[Александр Цымбал]

Алексей Мальцев: и я того же мнения. просто тот дизайн, который я задумал на этом сайте, не помещается в маленькие дисплеи. Я пока просто не успел доделать мобильную версию. Она сейчас в разработке. Будет упрощенная версия в виде навикона и текста, с минимальной графикой.

Answer 5

[Петр Марочкин]

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

Comments

[kstyle]

извините, но " Не так много этого самого сложно на самом деле становится со временем." - жестоко

Answer 6

[Sanes]

ИМХО, подход странный. Нужна практика. По мере надобности изучайте. Т.е., есть задача, ищите решение. 100500 правил и их вариантов учить специально, бесполезно. Голову только забивать.

Comments

[Дмитрий Кайгородов]

"Нужна практика" -- где-то написано, что я хочу без практики?
"По мере надобности изучайте" -- так и хочу, поэтому и задал здесь вопрос.
"Т.е., есть задача, ищите решение" -- в своём вопросе я описал, что так и делал и сейчас этого уже недостаточно.

[Sanes]

Дмитрий: Нужна практика! На этом можно поставить точку. Задачу сами себе можете поставить. Так будет не скучно.

Answer 7

[SerzN1]

радикально - никак. используйте какую нибудь фигню типа бутстрап

ЗЫ: к вопросу нужно еще "бесплатно" добавить, чтобы был полный набор - "быстро, качественно, бесплатно"!