• Верстка -> Frontend -> Full Stack developer - какой оптимальный путь развития?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    что бы быть full stack вы должны понимать что происходит на каждом уровне вашего приложения. от кнопочек которые вы верстаете, до того как обрабатываются запросы на сервере, в плодь до взаимодействия с базой данных через все прослойки.

    Вне зависимости от выбранного языка или фреймворка, принципы остаются примерно те же. С Symfony мы можем говорить о гексагональной архитектуре, луковой архитектуре, data mapper и т.д. С nodejs мы тоже можем обо всем этом говорить но там не особо развиты идеи data mapper (на данный момент). Приходится жить с active record или dbal. Ну и опять же управление зависимостями в js и в php по разному организованы, хотя суть (dependency inversion) остается той же.

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

    Ну первое что приходит в голову caniuse.com
    Ответ написан
    Комментировать
  • Нужны ли мои знания кому либо? будут ли нужны в будущем?

    saboteur_kiev
    @saboteur_kiev
    software engineer
    То, что там находится никому не нужно. Но оно нужно для вас - если попросят резюме, у вас есть готовые работы.

    Почему оно никому не нужно? Потому что готовых дизайнов и сайтов в мире миллионы, и никому не нужен рандомный сайт, ему нужен свой, персональный дизайн. То есть нужна выполненная задача. То, что вы умеете такое делать - это нужно вам, а не кому-то. Хотите кому-то - идите на фриланс.

    > "Хочу вам показать стою ли я чего то в этой жизни и стоит ли мне учиться дальше?"
    Ты уверен, что такое следует спрашивать в инете? Тебе из 100 человек ответит едва 10, и 8 из них посоветуют убиццо об стену. Сам думай, чем ты хочешь в жизни заниматься.

    > готовиться к универу? а все мои знания которые я приобрёл они не пропадут?
    Все, что ты учишь в жизни, рано или поздно пропадет. Для этого умные люди и учатся всю жизнь, чтобы быть в тренде, или хотя бы где-то рядом.

    > С такими знаниями можно чего то в жизни сделать?
    С такими знаниями можно сделать много прикольных сайтов. А в жизни для начала было бы неплохо уметь себе картошки сварить, жилье себе обеспечить, вовремя ноги мыть. Не путай маленькие вопросы с большими, иди в универ и парралельно клепай дальше.
    Ответ написан
    1 комментарий
  • Как анализировать вакансии front/-backend разработчиков?

    DevMan
    @DevMan
    не стоит удивляться: в таких вакансиях расставляют требования точно так же как и вы теги к своему вопросу.
    Ответ написан
    24 комментария
  • Процентный margin в float с inline-block?

    Menlod
    @Menlod
    Front-end developer
    Не очень понимаю в чем проблема, но:

    codepen.io/anon/pen/gaOJmV
    Ответ написан
    1 комментарий
  • Как распарсить строку и построить дерево категорий товаров и услуг?

    orlov0562
    @orlov0562
    I'm cool!
    Я напишу в целом, т.к. это подойдет для любого языка

    Алгоритм работы парсера довольно прост, и по большей части делится на 3и этапа:
    1) Получить данные
    2) Разобрать данные
    3) Сохранить данные

    1) Для того чтобы получить данные, надо изучить стек функций для работы с сетью. Можно гуглить по такому запросу "Как скачать веб-страницу" + твой ЯП (PHP, Java, Python и т.д.). Тут ты должен написать функцию которой на вход передашь url, а на выход получишь данные (html, json, xml и т.д.)

    2) Разобрать данные можно либо с помощью готовых библиотек под нужный формат, либо с помощью регулярных выражений, либо с помощью строковых функций. Тут на помощь придет запрос "Строковые функции" + твой ЯП или "регулярные выражения" + твой ЯП. На этом этапе ты должен написать функцию, которой на вход поступают данные, а на выходе получаешь заранее утвержденную структуру.

    3) Сохранять данные в необходимой структуре можно в файлы или в БД. Опять в гугл с запросом "Работа с бд " + твой ЯП, либо "Работа с файлами" + твой ЯП. Тут твоя задача написать функцию, на вход которой приходит заранее утвержденная структура, а на выходе ты получаешь результат "сохраненные данные"

    Ну, собственно и всё. Идешь в гугл, изучаешь матчасть и пишешь парсер.

    Если же тебя в большей степени интересуют алгоритмы разбора, тогда советую посмотреть код "калькуляторов" на твоем ЯП, погуглить можно по запросу "калькулятор со скобками", "Разбор и вычисление выражений". Это классическая задача, разбор твоего куска будет очень похож.
    Ответ написан
    6 комментариев
  • Как реализовать такой параллакс?

    Cat_Boris
    @Cat_Boris
    Front-end developer
    Можно копнуть в этом направлении:
    .slogan {
      height: 0;
    }
    .slogan:after {
      content: '';
      position: absolute;
      width: 2000px;
      height: 586px;
      background: inherit;
      top: 100%;
      margin-top: -263px;
      left: 50%;
      margin-left: -1000px;
      z-index: -1;
      border-radius: 50%;
    }
    Ответ написан
    1 комментарий
  • Какой CSS препроцессор выбрать?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Все топовые препроцессоры дают примерно равный набор возможностей и очень очень мощны. Всегда найдутся люди, которые будут говорить, что им нравится X-препроцессор, ибо там есть киллер-фича без которой они не могут жить, но это всё вкусовщина. Так что просто выбирайте тот препроцессор, синтаксис которого вам будет по душе. Вот и весь принцип.
    Ответ написан
    Комментировать
  • Приложение в docker: зачем разделять по контейнерам?

    edinorog
    @edinorog
    Троллей не кормить!
    я бы поспорил относительно изоляции =). на хабре как раз была великолепная статья на эту тему. habrahabr.ru/post/258595 дыр столько что данное супермегачудо подходит разве только для домашнего сервака для "поиграться!"
    Ответ написан
    Комментировать
  • Какой сервис, программа или плагин для webstorm может автоматически экспортировать структуру html в css?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Госпади какой ужас... Пощадите тех кто будет эту верстку потом поддерживать. Почитайте про модульный CSS, BEM и т.д.

    В селекторах вида body .wrapper нет ровным счетом никакого смысла.

    Но если вы хотите, рекомендую вам перейти на jade вместо html и stylus вместо less, это почти полностью решит вашу проблему.

    Ваш пример на Jade
    body
      .wrapper
         .left-box
         .right-box
           p
              span


    и Stylus (color взял просто так...)
    body
      color: #fff;
      .wrapper
         color: #f00;
         .left-box
             color: #0f0;
         .right-box
           color: #ff0;
           p
               color: #f0f;
             span
               color: #34f;


    Как видите - мы просто копируем шаблон jade и... все

    Но еще раз хочу заметить - вообще это все очень плохо. Даже less вам не поможет в этом случае нормально организовать структуру стилей. Не соблюдается семантика и т.д. Приоритеты стилей в разнобой - сложно поддерживать...
    Ответ написан
    Комментировать
  • Как сделать такую верстку?

    Taraflex
    @Taraflex
    Ищу работу. Контакты в профиле.
    Ответ написан
    Комментировать
  • Как узнать уровень фронтенд разработчика?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    @tnorman уровень логики не ниже, чем на серверной стороне?)) Посмешили.
    Фронт-енд разработчик должен разбираться во фронт-енде, а не в PHP — фтопку PHP, вообще никакого PHP.

    Основы построения баз — да, поскольку появится возможность работы с базами напрямую. Понимать принципы общения с сервером и другими компьютерами, знать про HTTP-заголовки, политику безопасности и, в частности, политику происхождения документа. То есть знание XMLHttpRequest, CORS и (хотя бы) представление о WebSocket, WebRTC.

    Разбираться в клиентских технологиях — HTML, CSS, Javascript, SVG, canvas, многочисленные API, описанные в HTML. И если не знать про WebGL и API, то разбираться зачем это и к чему. Построение DOM, CSSOM, понимание узких мест и тенденций. Основные семантические конструкции и микроданные.

    Понимать box model, visual formatting model, stacking context, работу с формами и элементами, медиа-элементами. Знать, что такое кодировка и как жить с разными кодировками при необходимости, хотя это уже редкость.

    ООП соглашусь — наследование, инкапсуляция, понимание роли прототипов и умение их использовать. Знание основных паттернов и парадигм. Добавлю модель событий — просто знание (не жалкие 5 штук, а реальный охват, включая MutationObserver). Ну и регулярные выражения.

    AJAX? Если не брать в расчёт XML-RPC, SOAP, WSDL, то выделять это в отдельный вопрос не стоит. А вот event loop (включая tasks и microtasks), на который завязана модель событий и все асинхронные вызовы знать обязательно. Также быть в курсе, что такое promise, зачем они и как использовать.

    Знать основы проектирования, UX и построения UI. Очень много в работе фронт-енда основано на взаимодействии человека и интерфейса. Непонимание основ UX приводит к неприятным последствиям.

    Что же насчёт Backbone или других конкретных технологий — это вообще дело наживное и акцентировать внимание не стоит. Опыт приветствуется, но не является обязательным. ну только если проект не горит.
    Безусловно, знание технологий разработки нужно, но я бы тогда поставил на Node.js, Grunt/Gulp, AngularJS.
    Ответ написан
    5 комментариев
  • Какой софт использовать для верстки / программирования (Front-end)?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    Проектирование — Balsamiq Mockups (ну и MS Word, куда же без него:)
    Нарезка — Fireworks (Photoshop для коррекции полученных макетов)
    Иконки — ArtIcons (не идеал, просто купил когда-то) или любой редактор для PNG + любой конвертер
    SVG — Illustrator и Inskape
    Пипетка (просто пипетка, а не комбайн) — EYE3 (вариантов масса)
    Код — Sublime (посматриваю в сторону WebStorm), иногда Notepad++, иногда Excel для подготовки массивов данных
    Локальный сервер — использовал из-за простоты установки Denwer, перехожу на Node.js
    FTP клиент — Filezilla
    Быстрая проверка на iPad, iPhone (iPod) — Electric Mobile Studio
    Ответ написан
    3 комментария
  • Как сохранить только используемый css на сайте?

    SolidlSnake
    @SolidlSnake
    Ваш дружелюбный сосед
    Ответ написан
    Комментировать
  • Как сделать 2 DIV: фиксированный + резиновый вместе?

    @Hakyna
    олдскул)
    codepen.io/anon/pen/Ggkoh
    Ответ написан
    Комментировать
  • Какие есть курсы по фронтэнд для бэкэнд-разработчика?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    не вижу смысла для вас в каких-то курсах, они обычно составляются для совсем нулевых.

    Попробуйте лучше реализовать какое-нибудь приложенице для личных целей (может тудушка какая, может еще чего для планирования своего времени) на каком AngularJS, и норм.
    Ответ написан
    2 комментария
  • Почему при попытке настройки конвертации .scss в .css вылезает ошибка?

    У вас скорее всего проект лежит в папке, полный путь которой содержит русские буквы.
    Например \Projects\FORC\сайт.рф\git
    сасс в таком случае будет ругаться.
    Ответ написан
    4 комментария