• Что изучать верстальщику и в каком порядке?

    @mishapsv
    Я уже ответил здесь, повторюсь.
    По личному опыту:
    1. Начать с верстки - порог входа ниже.
    Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
    Где изучать?
    Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
    Удобно пробовать верстать в песочнице (мне нра codepen.io).
    Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
    У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
    Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
    Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
    2. Продолжить изучая JS.
    Теория: learn.javascript.ru.
    Практика: stepik.org, немного есть у htmlacademy.ru.
    Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
    Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
    3. Дальше изучать фреймфорк(и): React, Angular, Vue.
    Ответ написан
    Комментировать
  • С чего начать изучать верстку?

    @mishapsv
    Продублирую свой ответ.
    По личному опыту:
    1. Начать с верстки - порог входа ниже.
    Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
    Где изучать?
    Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
    Удобно пробовать верстать в песочнице (мне нра codepen.io).
    Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
    У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
    Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
    Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
    2. Продолжить изучая JS.
    Теория: learn.javascript.ru.
    Практика: stepik.org, немного есть у htmlacademy.ru.
    Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
    Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
    3. Дальше изучать фреймфорк(и): React, Angular, Vue.
    Ответ написан
    Комментировать
  • Как правильно изучать верстку c переходом на front-end?

    @mishapsv
    По личному опыту:
    1. Начать с верстки - порог входа ниже.
    Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
    Где изучать?
    Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
    Удобно пробовать верстать в песочнице (мне нра codepen.io).
    Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
    У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
    Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
    Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
    2. Продолжить изучая JS.
    Теория: learn.javascript.ru.
    Практика: stepik.org, немного есть у htmlacademy.ru.
    Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
    Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
    3. Дальше изучать фреймфорк(и): React, Angular, Vue.
    Ответ написан
    Комментировать
  • Как сделать плавной javascript анимацию?

    @iShatokhin
    JS developer
    '.block-hid' должен скрываться по окончанию анимации, а не до.

    $(window).scroll(function () {
        if ($(window).scrollTop() >= $('.block2').offset().top + $('.block2').height()) {
            $('.block-hid').addClass("block-hid--visible");
            $('.block-hid').stop().animate({
                bottom: "0px"
            }, 900);
        };
        
                                       
        if ($(window).scrollTop() < 250 && $('.block-hid').hasClass("block-hid--visible")) {
            $('.block-hid').stop().animate({
                bottom: "-100"
            }, 1000, function () {
              $('.block-hid').removeClass("block-hid--visible");
            });
        };
    });
    Ответ написан
    2 комментария
  • Как сделать плавной javascript анимацию?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Используйте CSS анимацию. А на JS только добавляйте/убирайте класс
    Ответ написан
    1 комментарий
  • Как научиться вёрстке сайтов с нуля?

    @mishapsv
    Из собственного опыта:
    начинал с книг, статей, htmlbook - дало начальную базу, позволяло с большего править готовые шаблоны.
    Потом появились интерактивные курсы:
    - codecademy.com показались слабыми: пройти лишним не будет, но особо не продвинетесь.
    - teamtreehouse.com - неплохие курсы, активно развиваются, но платные.
    - htmlacademy.ru - очень крутые: отлично подается теория, много практики, основной раздел бесплатный. К тому же сервис русскоязычный.

    У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
    Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
    Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.

    Успехов!
    Ответ написан
    1 комментарий