• Как верстать адаптивно с нуля?

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

    0) https://www.memrise.com/login/?next=/home/ + https://www.memrise.com/course/332202/12527/
    www.bbc.co.uk/learningenglish
    https://www.ted.com/

    Изучайте английский. Язык международный. 90% информации на этом языке! Без него никак.
    Не сыграйте пару партий в HS/доту. Посмотрите на одну серию текущего сериала меньше, или лучше посмотрите его на английском с субтитрами! Всего 30 минут в день обеспечат вас безбедным будущим!

    1) klava.org/#eng_basic
    15 минут в день. Это все, что нужно для осваивания слепой печати.

    2) https://webref.ru/ref
    Учим все. Как учили стихи в школе. Да, будет больно, но потом это окупится сторицей.
    Совет: заведите тетрадку и переписывайте туда все теги/свойства. Не ставьте себе задание: "выучить все за месяц". Поставьте задание: "выучить три тега/три свойства за день". Так ваш мозг будет получать удовлетворение от процесса.

    3) https://flexbox.io/
    https://cssgrid.io/ Отличный курс по относительно новой технологии. При поддержке Mozilla
    Переходите к этим курсам только после выполнения второго пункта.
    Курсы на английском. Если не понимаете, вообще ничего страшного. Просто повторяйте за автором. Пройдите курсы до конца. По видео в день. Это не займет много времени.

    4) https://drive.google.com/open?id=1uD0VkRXS3wUlw3oP...
    Сверстайте любые три макета.
    - не использую flexbox/cssgrid
    - используя flexbox
    - используя cssgrid
    Сделайте их полностью adaptive/responsive.

    В общем-то все. Для вас после этого не составит никакого труда сверстать что-либо. НЕ НУЖНЫ никакие платные курсы для этого.

    Что касается дальнейшего развития, то это отдельная тема. Удачи, я в вас верю! =)

    Старый ответ
    spoiler
    @dyfran: мне потребовалось 4 месяца, чтобы изучить с нуля до уровня подходящего для устройства на работу. При этом я часов по 12 занимался каждый день, может было в сумме выходных 5 за это время. Изучил html, css, sass, js, gulp, bower, git. Начинал тоже с html academy, но там его полностью прошел 2 раза. Вот курсы, которые я прошел за эти 4 месяца:

    1) Html academy
    2) https://www.coursera.org/learn/html-css-javascript...
    3) https://www.coursera.org/learn/html-css-javascript
    4) https://www.coursera.org/learn/website-coding
    5) https://learn.javascript.ru/
    6) После прохождения первых пяти, копайте в сторону stylus/sass, bourbon, webpack/gulp, git.

    Чтобы отдыхать от курсов, подпишитесь на рассылку от htmlacademy и верстайте макеты, которые они будут присылать.

    Несколько musthave ссылок
    1) https://developer.mozilla.org/en-US/docs/Learn/Jav...
    2) https://webref.ru/ref
    3) caniuse.com
    4) stackoverflow.com
    5) https://codepen.io/
    6) https://www.youtube.com/channel/UC7enHM_oJRYJOnyJr... канал с полезной информацией

    Сделайте упор на эти вещи и не распыляйтесь ни на что другое.

    Удачи.
    Ответ написан
    5 комментариев