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

    @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.
    Ответ написан
    Комментировать
  • Как сделать бордер сложного контура?

    @mishapsv Автор вопроса
    Самому элементу задать
    background-size: 75% 75%;
    И добавить псевдоэлемент с теми же свойствами бэкграунда (только цвет другой)

    position: absolute;
    content: "";
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    z-index: -1;
    Ответ написан
    Комментировать
  • Почему на срабатывает overflow-x?

    @mishapsv Автор вопроса
    Решил: убрал боковые паддинги у .filter и добавил их к .filter__inner
    Ответ написан
    Комментировать
  • Как работать с объектами данных в Jade?

    @mishapsv Автор вопроса
    Решил это так
    - var movieList = []
    - movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
    - movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
    - movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
    - movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
    - movieList.push({title: "1Canon EOS 1200D Kit 18-55mm IS II", descr: "Зеркальная, 18 Мп 1.6 crop, с объективом F3.5-5.6 18-55 мм, экран 3\", видоискатель оптический", price: "5 967 000", pic1: "700d.jpg"})
    Ответ написан
    Комментировать
  • Почему не работает space-between в Safari?

    @mishapsv Автор вопроса
    Оказалось, что для мобильных устройств был прописан min-width:auto.
    Для всех это срабатывало, а для сафари - нет.
    Ответ написан
    Комментировать
  • Как привязать события на разных компонентах к одному?

    @mishapsv Автор вопроса
    С этим разобрался
    jsbin.com/garicepaga/edit?html,css,js,output
    Ответ написан
    Комментировать
  • Как reduсers обрабатывает данные в React Redux?

    @mishapsv
    vsuhachev Вы не поможете разобрать этот код?
    отсюда
    case COMPLETE_TODO:
      return Object.assign({}, state, {
        todos: [
          ...state.todos.slice(0, action.index),
          Object.assign({}, state.todos[action.index], {
            completed: true
          }),
          ...state.todos.slice(action.index + 1)
        ]
      });


    Почему там не используется постоянно
    { ...state, ...newState }?
    У Object.assign({}, state, ...newState) есть какие-то особенности? Вроде аналогичны.
    Ответ написан
  • Как в less файле подключить css файлы?

    @mishapsv
    Я просто меняю разрешение css на less у самих файлов.
    Ответ написан
    2 комментария
  • Как составить объект выбора даты в данном примере?

    @mishapsv Автор вопроса
    Блин, это ж для даты есть свой объект по умолчанию.
    Пропустил этот раздел, когда книгу по js читал)
    $(function () {
        $('.form__input--date').pickmeup({
            position: 'bottom',
            hide_on_select: true,
            default_date: false,
            min	: new Date  
        });
    });
    Ответ написан
    Комментировать
  • Как сверстать такой border?

    @mishapsv
    Использовать отрицательный margin и/или :nth-child(n) (т.е. к примеру средним элементам задавать бордер только с двух сторон, а крайним еще и с недостающих).
    Ответ написан
    Комментировать
  • Типичный вопрос про верстку. С чего начать?

    @mishapsv
    Интенсив от htmlacademy.ru - пошагово, с наставником, показывают лучшие практики.
    Да, за деньги.
    Я очень доволен вложением.
    Можешь в лс написать, промо-код на скидку дам.
    Ответ написан
  • Как научиться вёрстке сайтов с нуля?

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

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

    Успехов!
    Ответ написан
    1 комментарий
  • Wordpress: как задать разные бекграунды(и некоторые данные) для главной и остальных страниц?

    @mishapsv Автор вопроса
    Спасибо за помощь, помогло следующее:
    определил, что за это отвечает id="header и закрыл его функцией:
    <?php woo_header_before(); ?>
    <?php if ( is_home() ) { ?>   <!-- /#эта строка - начало -->
    	<header id="header">
    		<div class="col-full">
    		
    			<?php woo_header_inside(); ?>
    	    	
    	    	<div id="hgroup">
    				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
    				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</div>
    			
    			<?php if ( $settings['header_content'] != '' ) { ?>
    				<p><?php echo do_shortcode( stripslashes( $settings['header_content'] ) ); ?></p>
    			<?php } ?>
    			
    			<?php if ( is_woocommerce_activated() && isset( $woo_options['woocommerce_header_cart_link'] ) && 'true' == $woo_options['woocommerce_header_cart_link'] ) { ?>
    		    	<ul class="nav cart fr">
    		    		<li><a class="cart-contents" href="<?php echo esc_url( $woocommerce->cart->get_cart_url() ); ?>" title="<?php esc_attr_e( 'View your shopping cart', 'woothemes' ); ?>"><?php echo sprintf( _n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 'woothemes' ), $woocommerce->cart->cart_contents_count );?> - <?php echo $woocommerce->cart->get_cart_total(); ?></a></li>
    		   		</ul>
    	    	<?php } ?>
    	        
    		</div>
    	</header><!-- /#header -->
    <?php } ?> <!-- /#эта строка - конец функции-->
    	<?php woo_content_before(); ?>
    Ответ написан
    Комментировать
  • Wordpress: как задать разные бекграунды(и некоторые данные) для главной и остальных страниц?

    @mishapsv Автор вопроса
    Уф, открыл файл header.php... совсем не понятно куда эту конструкцию ставить
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <title><?php woo_title(); ?></title>
    <?php woo_meta(); ?>
    <link rel="pingback" href="<?php echo esc_url( get_bloginfo( 'pingback_url' ) ); ?>" />
    <?php
    wp_head();
    woo_head();
    ?>
    </head>
    <body <?php body_class(); ?>>
    <?php woo_top(); ?>
    <div id="wrapper">
        
        <?php woo_header_before(); ?>
    
    	<header id="header">
    		<div class="col-full">
    		
    			<?php woo_header_inside(); ?>
    	    	
    	    	<div id="hgroup">
    				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
    				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</div>
    			
    			<?php if ( $settings['header_content'] != '' ) { ?>
    				<p><?php echo do_shortcode( stripslashes( $settings['header_content'] ) ); ?></p>
    			<?php } ?>
    			
    			<?php if ( is_woocommerce_activated() && isset( $woo_options['woocommerce_header_cart_link'] ) && 'true' == $woo_options['woocommerce_header_cart_link'] ) { ?>
    		    	<ul class="nav cart fr">
    		    		<li><a class="cart-contents" href="<?php echo esc_url( $woocommerce->cart->get_cart_url() ); ?>" title="<?php esc_attr_e( 'View your shopping cart', 'woothemes' ); ?>"><?php echo sprintf( _n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 'woothemes' ), $woocommerce->cart->cart_contents_count );?> - <?php echo $woocommerce->cart->get_cart_total(); ?></a></li>
    		   		</ul>
    	    	<?php } ?>
    	        
    		</div>
    	</header><!-- /#header -->
    
    	<?php woo_content_before(); ?>
    Ответ написан
    Комментировать
  • Wordpress: как задать разные бекграунды(и некоторые данные) для главной и остальных страниц?

    @mishapsv Автор вопроса
    Скрин сайта
    me62N.png
    img.by/i/me62N.png
    Скрин файлов темы
    sg7fm.png
    Ответ написан
    Комментировать