• Как из HTML страницы с помощью регулярного выражения выбрать все значения value из конкретного select?

    Alexandroppolus
    @Alexandroppolus
    кодир
    Проще всего выловить весь селект целиком, а потом спокойно забрать из него опшены
    Ответ написан
    3 комментария
  • Как настроить пробелы между скобок в WebStorm?

    @kacheleff
    fullstack developer
    Editor -> Code Style -> JavaScript -> Spaces -> Within -> ES6 import/export braces
    5d4fd18fcb78e680478660.png
    Ответ написан
    1 комментарий
  • Какие есть инструменты для начинающего верстальщика?

    @IoannGrozny
    Front-end разработчик
    А я вот буду оригинальным и посоветую идти постепенно. Сначала блокнот, потом Notepad++ + Emmet, потом IDE(Идеал именно для вёрстки - WebStorm), потом уже шаблонизаторы - Jade для HTML, Sass, Less, Stylus для CSS, и системы сборки - Grunt,Gulp,Yeoman и т.д.

    Но сначала именно основы - чистый HTML, чистый CSS, чистый Javascript.
    Ответ написан
    Комментировать
  • Какой софт использовать для верстки / программирования (Front-end)?

    Советую начать работать с IDE, WebStorm, NetBeans, Eclipse ... все-равно рано или поздно сделаете это и пожалеете, что не сделали это сейчас.
    Работать с node.js и начать использовать сборщики всякие, Grunt или Gulp - там в плагинах найдете много вещей, которые вам помогут в разработке (в связке с bower - закачивать библиотеки, минифицировать и собирать в один файл код, оптимизировать картинки, использовать SASS, LESS, Stylus, Jade и т.д.). Есть еще какой-то yeoman - но я сам пока не использовал.

    Жирным выделил то, что использую я, но это дело вкуса.
    Ответ написан
    Комментировать
  • Дайте советы по оптимизации css кода?

    rockfeeler
    @rockfeeler
    Фронтендер, дизайнер, верстальщик-перфекционист
    Как писал Компьюций,
    В программировании примерно 30% времени уходит на собственно программирование, а остальные 70% – на придумывание имён переменных и функций.

    Это же справедливо и для верстки.

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

    Из инструментария.
    1. Хорошо бы перейти на BEM от нашего всеми любимого Яндекса.
    2. Использовать препроцессоры css типа less или sass, что значительно упрощает как чтение, так и редактирование css.
    3. Поисковые системы, в которых можно найти ответ на вопрос.
    4. Youtube с профильными уроками.
    5. Светлая голова, которая может подсказать правильные решение и подход.
    6. Инструмент вроде map для любимого IDE.
    7. Сам IDE, который в разы упрощает жизнь. Варианты, лучшие на мой вкус: Brackets, Atom, WebStorm.
    Ответ написан
    2 комментария
  • Javascript - знания junior'a, IDE, learning mind map?

    Igor-Maf
    @Igor-Maf
    Senior Front End developer
    - На каком этапе я уже могу писать по поводу работы?
    После полу года самостоятельного обучения в конкретной сфере

    - Что должен знать junior в общем?
    Если тебя интересует фронтенд-разработка, то:
    HTML5, CSS3 (media queries - понимать разницу между адаптивной и отзывчивой версткой), js (DOM, XMLHttpRequest, Template engine, RegExp), jquery (уметь писать плагины, и то, что в предыдущем пункте), jquery-ui (но не обязательно, иметь общее представление), bootstrap, less / sass (если знаешь sass, то less самому изучать уже не стоит, разберешься по ходу, если попадется), jade или handlebars, gulp (минификация, обфускация и т.д.), npm, bower - это минимум

    - Устроиться junior'ом на удалёнку вполне реально же, да?
    нет, это на 89% не реально, это сугубо моя точка зрения. А если и устроишься, то туда, где особо не научишься толку. Для удаленки нужно проработать минимум пол года в компании, желательно аутсорсовой, чтобы понимать общую картину, но нужно иметь и специализацию (сильную сторону) и развивать её, если она еще не отмерла идеалогически в мире ИТ.

    - Какой использовать IDE(сейчас у меня нет никакого)?
    Sublime, после полугода работы с ним (использования всех полезных плагинов к нему) можешь переходить webstorm. Это самые лучшие по, сугубо, моей оценке, я попробовал, наверно, все популярные редакторы и IDE.

    - Как считаете, если я всё, что только написал, забью в резюме и разошлю, могут взять?
    Нет, очень маленькая вероятность, что в какую-то продуктовую компанию можешь попасть. Нужны твои проекты (даже, если тестовые), примеры кода, ближайшие пол года тебе нужно написать много кода, но не полный копипаст, а собственными руками / мозгами, интересует только твой код, с теорией уже все понятно, у меня 5 лет опыта, а я книжек прочитал за это время штук 10 от силы, не потому что не люблю читать или эту тему, а потому что читаю по-очень мало из-за недостатка времени.

    - И ещё, мне не придётся учить PHP? Я его не люблю, не знаю почему. Познакомился с ним перед плюсами, и когда сел за них, возненавидел его - видимо отсюда и пошло.
    Не обязательно, как фронтендеру тебе вообще знать его не нужно, как минимум, снова же, пол года. Когда уже пройдешь этап работы с одним из js-фрэймворков (наверно, к тому времени уже новые фрэймворки), можешь поработать с nodejs / python / ruby, но тоже только в общих чертах, особо не углубляясь, просто, чтобы иметь понимание о том, что потом происходит с данными, которые ты куда-то отдаешь / забираешь.
    Ответ написан
    3 комментария
  • Какими инструментами пользуйтесь Вы фронт/бэкендеры?

    Yesley
    @Yesley
    Front-end/Smart TV developer
    Моё front-end/Smart TV окружение:

    Процесс разработки
    • WebStorm (IDE лучше не встречал, стоит своих денег)
    • Gulp (сборка проектов)
    • Yeoman (скаффолдинг)
    • Bower (управление используемыми библиотеками)
    • LESS (CSS-препроцессор)
    • Spy-js (JavaScript трассировка)
    • CSSComb (сортировка и форматирование стилей)
    • JSDoc (создание документации)
    • weinre (удалённая отладка)
    • Chrome DevTools (инструменты разработчика)
    • Adobe Photoshop / Extract (макеты)

    Приложения и расширения для Chrome
    • Postman (HTTP/REST-клиент)
    • Cacoo (прототипирование и построение диаграмм)
    • IcoMoon (иконки)
    • RegExp Tester (тестирование регулярных выражений)
    • Google Docs (замена Windows Officce для документов)
    • Cookies (работа с cookies)
    • Emmet Re:View (тестирование брейкпоинтов вёрстки)
    • Fontface Ninja (позволяет узнать название шрифта на странице и скачать его)
    • JetBrains IDE Support (live-reload для WebStorm)
    • Perfmap (профилирование загрузки ресурсов с использованием Resource Timing API)
    • qSnap (скриншоты страницы + хостинг скриншотов)
    • Tape (инструмент для измерения расстояний на странице, линейки, сетки)
    • Web Developer Checklist (чеклист для front-end разработчика)

    Разное
    • preloaders.net (генератор индикаторов загрузки)
    Ответ написан
    Комментировать