• Как влиться в тренд нынешней веб-разработки?

    Блин, 8 лет верстать "по-дедовски")
    Да за это время можно было стать Senior developer или даже выучиться на фуллстак и уехать в какой-нибудь Израиль работать за 4к $

    Препроцессоры я познал за один день. Для CSS использовал сначала less, через месяц ушел на Stylus (советую именно его, так как всякие sass это вообще мрак. Работать в чужом проекте на sass - ад, тогда как stylus прост, при этом более функционален и намного интуитивнее).

    Jade (ныне Pug) узнал просто заканчивая чужой проект. Открыл, посмотрел на то, чего боялся, пришлось почитать что за зверь - работу то делать надо. Оказалось все просто, теперь не знаю как теги раньше писал ручками (со стилями тоже самое было, кстати).

    Сборщик проекта. Для верстки, если выбирать между Grunt и Gulp - без сомнений Gulp. Я очень счастлив, что мне в тот момент подвернулась именно статья про Gulp. Работал с проектами на Grunt (их очень мало) - ну, это просто дерьмо, а не сборщик. Скорость сборки отличается в разы.

    Webpack это конечно повыше уровень, юзать его для верстки не прагматично.

    Флексбоксы в CSS изучаются только на практике, сидеть и запоминать это бессмысленно. 2-3 проекта с подсказкой по флексу и он плотно осядет в голове.

    Вывод: надо просто не бояться нового. Берешь и применяешь новые технологии без страха и зазрения совести. Они быстро вольются в твою жизнь, а без них потом будет дышать тяжело и больно.

    Советую взять готовые проекты у хороших верстаков и просто что-то в них поделать, попеределывать, попользоваться технологиями сразу, не читая нудные статьи про основы.
    Ответ написан
    7 комментариев
  • Как влиться в тренд нынешней веб-разработки?

    @SuperOleg39ru
    Front-end разработчик
    Добрый день!

    Во-первых, вы должны иметь желание развиваться, и изучать что-то новое, постоянно. Не бояться нового, пинать себя, пробовать - и множество вещей будут изучены за короткие сроки.

    flexbox, grid layout
    - это css из современных стандартов. Что бы знать, когда применять - вы должны знать версии старых браузеров, которые необходимо поддерживать на вашем проекте, и соответствующую поддержку этих стилей. Например, формировать элементы на flexbox на порядок удобнее, чем на float, но в IE9 вы уже использовать flexbox не можете.
    Немного о новинках в css тут.
    Поддержка браузерами тут.

    gulp, webpack и пр.
    - это инструменты, которые созданы для облегчения рутинных задач.
    Для верстки очень удобно использовать gulp - вы описываете задачи, такие как создание локального сервера, мгновенная перезагрузка страницы при изменениях, минификация ваших файлов, и прочее.
    Посмотрите отличный скринкаст от Ильи Кантора!

    препроцессоры
    - представьте, что вам чего-либо не хватает в html и css.
    Например, вы хотите разбивать большие html файлы на множество мелких, или вам нужно вставить в html динамическое содержание - для этого созданы html шаблонизаторы. Вы используете в работе синтаксис конкретного шаблонизатора, затем тот же gulp автоматически собирает эти файлы в обычный html, который понимает браузер.
    Аналогичная ситуация с css, препроцессоры позволяют разбивать файлы на мелкие, и собирать в один, доступны переменные и функции, и многое другое.
    Популярный шаблонизатор Pug
    Один из css-препроцессоров Stylus

    пакетные менеджеры
    - это удобный способ скачать конкретные библиотеки, и переносить их из проекта в проект. Статья про npm тут

    Ну и конечно статьи и подкасты:
    https://habrahabr.ru/
    jsraccoon.ru

    https://soundcloud.com/web-standards
    https://radiojs.ru/

    Конкретные статьи и ресурсы для новичка:

    frontender.info/a-baseline-for-front-end-developers
    frontender.info/a-guide-to-flexbox
    css-live.ru/articles-css/pravilnye-kontrolnye-toch...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://habrahabr.ru/company/zfort/blog/321214/
    https://frontendmasters.gitbooks.io/front-end-hand...

    Дерзайте!
    Ответ написан
    6 комментариев
  • Какой лазерный диод выбрать для DIY лазерного гравера?

    @y2kill
    Разница в "цвете" будет как минимум в 1) различном поглощении обрабатываемым материалом - тут не могу придумать где лучше почерпнут информацию, 2) в оптике (как минимум понадобится фокусировать луч - это одна линза, ну или больше) - то, что хорошо работает с тепловым излучением не справится на должном уровне с синим. Про все это в каментах уже написано. Но - если бы я делал "из парочки старых CD-приводов" (точнее я бы предпочел DVD), то я бы и диод оттуда взял. Там около 200 мВт, плюс родную оптику использовать ничего не мешает. Для дерева вполне хватает.
    Ответ написан
    3 комментария
  • Подскажите альтернативу Dyndns и No-ip

    @sappilot74
    Доступ по имени:
    1. Купить услугу DDNS либо у https://Dynru.ru либо у dyn.com кому что нравится
    2. Завести у поставщика услуги имя 3 уровня к примеру я завел qwert.dynru.com
    3. После чего идем в настройки меню роутера DDNS там заводим имя хоста к примеру qwert.dynru.com а так же логин и пароль больше не чего не меняем жмем сохранить
    4. Теперь что бы мы стали доступны с снаружи надо сходить в меню Удаленный доступ и там добавить строчку
    P-адрес это адрес вашего роутера в домашней сети Маска сети это будет 255.255.255.0 и указать Внешний порт* 8080 или кому какой надо а еще выбрать какой будет протокол HTTP
    все! Теперь если набрать qwert.dynru.com:8080 вы получите доступ к вашему устройству

    Бывает такое что провайдер сц*ка и по умолчанию не дает внешний IP адрес как было в моем случае это легко проверить https://dynru.ru/my-cabinet/free-tools/get-my-ip/
    А выглядит это так вы все настроили и в Ddns у поставщика услуги прописался IP но он не совпадает с вашим внешним IP который показывает роутер
    Помогает звонок провайдеру который за одну минуту исправляет эту настройку и вы получаете внешний динамический IP
    И как не странно все сразу начинает работать

    Инструкция верна практически к любому устройству Dlink

    Дополнительный материал
    https://dynru.ru/question/howto-setup-computer/
    https://dynru.ru/question/howto-home-computer/
    Ответ написан
    2 комментария