Сохранен 29
https://2ch.su/b/res/173373803.html
Добавлена поддержка ЭЧ/Ech (ex-Escapechan) и Ежчана (ejchan.net, ejchan.site). Набегаем, тестируем архивацию, сообщаем о замеченных проблемах.
К сожалению, значительная часть сохранённых до 2024 г. изображений и видео была потеряна (подробности случившегося). Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Аноним 29/03/18 Чтв 14:53:59 #1 №173373803 
image.png
Здравствуйте, дорогие верстальщики и им сочувствующие. Подскажите пожалуйста, есть ли бесплатные мастерклассы по верстке. Чтобы кто-нибудь показал мне, как правильно это делать.
Знаю я HTML, CSS, js (на уровне jQuery), могу настроить gulp. Вроде все основы я знаю, но верстать боюсь.
То что мне нужно есть на ютубе, называется "Джедай верстки", но там доступ к макету платный. А денег у меня нет совсем(.
Подскажите пожалуйста аналоги (можно на английском), ибо сам я не нашел.
Аноним 29/03/18 Чтв 14:55:04 #2 №173373883 
И если вдруг добрый пират слил макет из "Джедай верстки №7", то я был бы благодарен за ссылку на него.
Аноним 29/03/18 Чтв 14:55:35 #3 №173373922 
Давай, двач, ты всегда меня выручал
Аноним 29/03/18 Чтв 14:56:44 #4 №173374009 
Если здесь есть хорошие веб погромисты, буду рад любым советам.
Аноним 29/03/18 Чтв 14:57:08 #5 №173374037 
По вкатыванию в верстку
Аноним 29/03/18 Чтв 14:57:58 #6 №173374088 
>>173373803 (OP)
-> /pr/
Аноним 29/03/18 Чтв 14:58:00 #7 №173374091 
Гугл ХТМЛ Академию. Курсы с макетами есть на рутрекере.
sageАноним 29/03/18 Чтв 14:59:33 #8 №173374185 
>>173373803 (OP)
Гугли базовый интенсив html academy, на торрентах висит, так вместе с тобой верстают макеты
Аноним 29/03/18 Чтв 15:00:37 #9 №173374265 
>>173374091
>Курсы с макетами есть на рутрекере
Можешь что-то конкретное посоветовать?
Аноним 29/03/18 Чтв 15:00:51 #10 №173374277 
Этих псд макетов тысячи а интернете. Тебя гуглу научить? Пиши "скачать псд макеты бесплатно"
Смотри уроки хтмлакадеми.
А вообще, анон, хочешь секрет расскажу?
coursehunters.net
Там ты найдешь все что нужно
Аноним 29/03/18 Чтв 15:02:15 #11 №173374365 
>>173374277
О, спасибо, анон. Что еще можешь посоветовать из годного?
Аноним 29/03/18 Чтв 15:03:14 #12 №173374423 
>>173374277
Макетов то много, но как я пойму правильно я его сверстал или нет, в этом вся проблема
Аноним 29/03/18 Чтв 15:04:20 #13 №173374485 
>>173374265
Я имел ввиду курсы академии. Есть обычный курс для совсем нубов, где учат расположению блоков, как высоту ширину поменять и тп, а есть продвинутый, там уже препроцссоры учат и прочее.
Аноним 29/03/18 Чтв 15:04:30 #14 №173374502 
>>173374423
Смотри как другие делают. Можешь еще про BEM почитать.
Аноним 29/03/18 Чтв 15:04:50 #15 №173374524 
>>173374485
Понял, спасибо.
Аноним 29/03/18 Чтв 15:05:14 #16 №173374544 
>>173374423
Загугли базовый и продвинутый интенсивы htmlacademy и будешь верстать
Аноним 29/03/18 Чтв 15:05:44 #17 №173374587 
>>173374091
>>173374185
>>173374277
>ХТМЛ Академию
Говноедов полон тред. На нас в универе это говно тестировали, так как один из преподов разрабатывал, а по факту просто хуевая копия кодакадемии.
Аноним 29/03/18 Чтв 15:06:20 #18 №173374618 
>>173374423
В хтмлакадемии помимо интенсивов есть курсы html, css, js за 300 рублей в месяц.
Аноним 29/03/18 Чтв 15:06:52 #19 №173374651 
>>173374365
Что ещё.
Верстай. Практика самое главное.
Изучай английский.
И последнее - самое главное, если будешь фрилансить, гпучись себя продавать. Чтобы люди о тебе знали и нанимали.
Все
Аноним 29/03/18 Чтв 15:08:00 #20 №173374738 
>>173374423
Ходил на курсы от ЕПАМ, в основном ебали за большую вложенность селекторов, все остальное как то все равно.
Аноним 29/03/18 Чтв 15:11:34 #21 №173374980 
>>173374738
тоже ходил. могу выложить критерии оценки заданий по верстке, если надо.
Аноним 29/03/18 Чтв 15:12:08 #22 №173375018 
>>173374651
Английский знаю неплохо, практики маловато, конечно. Очень сложно психологически начать верстать макет, постоянно задумавываюсь, правильно я делаю или нет. А спросить не у кого. Ментора бы найти
Аноним 29/03/18 Чтв 15:13:28 #23 №173375126 
>>173374502
Да, это я и ищу, но очень часто того кто показывает критикуют в комментах и все желание продолжать за ним повторять пропадает. Не знаешь годные каналы?
Аноним 29/03/18 Чтв 15:14:10 #24 №173375166 
>>173374980
Было бы здорово, анон.
Аноним 29/03/18 Чтв 15:16:03 #25 №173375296 
>>173375018
Есть некоторые стандарты. Но все делают по-разному. Запомни. И многие верстальщики верстают несемантично.
Главное, чтобы было как на макета с расхождением не более 5 пикселей. И чтобы при добавлении элементов аерстка не ломалась
Ну и не ссы. Сверстай 5 лендингов и страх пропадет.
Я сам только изучаю. И если хочешь, будем вместе изучать. Мой телеграм @vilezator
Аноним 29/03/18 Чтв 15:16:26 #26 №173375312 
>>173375166
Это основное:
1. Семантическая верстка
2. Правильные названия классов и элементов
3. Заполненные атрибуты Alt, Title
4. Отсутствие селекторов тегов
5. Вложенность селекторов <3
6. Отсутствие inline-стилей
7. Повторное использование стилей
8. Отсутствие табл. верстки и !important
9. Правильное использование медиа-запросов
10. Отсутствие стат. ширины в пикселях

Аноним 29/03/18 Чтв 15:25:54 #27 №173375868 
>>173375312
>4. Отсутствие селекторов тегов
а можно такие селекторы ставить ".heading h2 {..}" или h2 тоже как нибудь обозвать?
>5. Вложенность селекторов <3
Что это такое?
>8. Отсутствие !important
Что это?
>9. Правильное использование медиа-запросов
Типа знать где поставить брейкпоинты и делать mobile first или что-то еще?
>10. Отсутствие стат. ширины в пикселях
Ты имеешь в виду секции или кнопки тоже в процентах делать?


Аноним 29/03/18 Чтв 15:28:37 #28 №173376040 
>>173374485
Так там же не показывают как верстать макет...
Аноним 29/03/18 Чтв 15:40:50 #29 №173376845 
>>173375868
Вложенность селекторов <3 -- имеется в виду, что цепочка селекторов не должна содержать более трех селекторов, каждому элементу желательно давать класс.
!important -- директива CSS которая повышает приоритет свойства.
Про кнопки не скажу, но блоки должны быть в процентах. И никаких таблиц -- онли флексбоксы. Таблицы можно использовать когда необходимо отобразить данные непосредственно в виде таблицы.
особо не слушай меня, я без опыта
comments powered by Disqus