• Git. Как понять, что уже изучил основы?

    @ashumkin
    системный разработчик
    Сейчас пользуюсь гитом через GitBash

    в качестве совета: так и продолжай (я серьёзно!) не ведись на GUI-приблуды
    освоив Git в консоли, ты без труда будешь пользоваться им через GUI, но не наоборот

    по теме:
    ИМХО, как уже написали "add/commit/push/pull" - базовые знания, да
    в Git (да и везде) главное понимать, что и зачем, а как - вопрос смекалки и документации...
    Ответ написан
    Комментировать
  • Как на Emmet свернуть текст обратно?

    webirus
    @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Стандартно CTRL+Z - только не "развернуть emmet обратно", а отмена последнего действия / последних действий при множественном нажатии. Работает практически во всех приложениях, как на Windows, так и на Linux.
    Ответ написан
    Комментировать
  • Учебник по математике, при почти нулевых знаниях?

    @SeptiM
    Мне кажется, то, с чего нужно начинать, это дискретная математика. Можно сказать, это азбука для программиста. Я ниже приложил некоторый список книг. Стоит, правда, понять, хотите вы самостоятельно изучать предмет или иметь менторов и готовую программу...

    Дискретная математика

    Есть здоровская книжка Андерсона "Дискретная математика и комбинаторика". Она довольно толстая, но главы можно читать почти в случайном порядке. Некоторые математики жалуются, что она не очень строгая и много воды, но для начала самое то.

    По дискретной математике есть русский онлайн-курс на Stepic-е.

    Если идти чуть глубже, есть неплохая книжка Кнута и др. "Конкретная математика".

    Алгоритмы и структуры данных

    Кормен "Алгоритмы: построение и анализ" в переводе А. Шеня. Осилить первые две главы, потом можно идти почти в случайном порядке. Написано достаточно просто и понятно.

    Дасгупта, Пападимитриу, Вазирани "Алгоритмы".

    Онлайн-курс по алгоритмам.

    О математике

    МЦНМО свободно распространяет много интересных книг: www.mccme.ru/free-books
    Посмотрите там в первую очередь Шеня и Арнольда. Например, В. И. Арнольд. Задачи для детей от 5 до 15 лет.

    И разумеется не упустите замечательного писателя Мартина Гарднера "Математические головоломки и развлечения".

    Задачники

    Попрактиковаться в решении с проверкой можно здесь.

    www.braingames.ru -- по математике
    https://projecteuler.net/ -- среднее, ближе к программированию
    acm.timus.ru -- по программированию

    Очные программы

    Умение самоорганизоваться -- это хорошо, но иногда нужен ментор и готовая программа.
    Если вы живете в Москве или Петербурге, попытайте счастье в этих двух организациях:
    https://yandexdataschool.ru/
    https://compscicenter.ru/
    Если нет, но есть возможность на два года уйти в учебу, попробуйте поступить в магистратуру СПбАУ на SE-направление:
    mit.spbau.ru

    Посмотрите задания на собеседования. Скорее всего вам будет что повторить или изучить, прежде чем поступить.

    Удачи!
    Ответ написан
    3 комментария
  • Как убрать вендорные префиксы Emmet (ST3)?

    qork
    @qork
    { background: #F00B42 }
    В настройках emmet
    {
        "preferences": {
            "css.autoInsertVendorPrefixes": false
        }
    }
    Ответ написан
    2 комментария
  • PNG, JPG или SVG: что использовать?

    @aendnn
    Для иконок svg, для фотографий - jpg, если нужна прозрачность на фотке - png
    Ответ написан
    Комментировать
  • Как закомментировать код с частью самого кода?

    EYPPNM
    @EYPPNM Автор вопроса
    I'm not gonna tell you about anything, here
    1. Выделить одно двоеточие после первого свойства
    2. Выделить все остальные двоеточия многократным нажатием Ctrl + D
    3. Нажать стрелку влево для смещения мульти-курсора левее от двоеточия
    4. Нажать Shift + Home чтобы веделить все свойства от конца до начала каждой строки
    5. Нажать Ctrl + C чтобы скопировать все свойства в буфер обмена
    6. Нажать Ctrl + Enter чтобы добавить пробел между каждой строкой
    7. Нажать Ctrl + . чтобы создать новый комментарий
    8. Написать текст
    9. Нажать Ctrl + V что-бы вставить из буфера строки
    5cc71287bc945801991573.gif
    Ответ написан
    Комментировать
  • Для чего -webkit-font-smoothing: antialised?

    OtshelnikFm
    @OtshelnikFm
    Обо мне расскажет yawncato.com
    Для хромиум браузеров - видим префикс -webkit-
    потом идет шрифт и сглаживание. Т.е., складывая вместе, получаем механизм сглаживания шрифтов в хроме. Подробности тут https://caniuse.com/#feat=font-smooth
    Ответ написан
    Комментировать
  • Как собрать портфолио для верстальщика?

    daemonhk
    @daemonhk
    ПсиХоПат
    ТС, вы верстальщик или фронтендер, как это сейчас модно называть? Скорее всего первое, раз такой вопрос. Идите в любую контору (желательно в которой вас няньчить хотя бы полгода будут) и набивайте руку, 3 месяца это не показатель.

    Если контора не вариант, то на фриланс даже не ходите, просто берите любые макеты, например, с биханса, и делайте для себя. Не бойтесь задавать вопросы на Тостере и руСО, но только те, что описывают реальные проблемы по верстке. Ментора найти сложно, их мало, и они занятые люди.

    Найдите несколько сайтов-справочников, сайтов-песочниц, сайтов-вдохновителей (например, https://css-tricks.com, a.singlediv.com/), учите js (желательно голый), учитесь использовать минимум тегов для верстки, учитесь УПРОЩАТЬ свою работу, учите некоторые полезные современные инструменты (но в конце, когда надоест писать полотна текста), например LESS.

    Практиковаться лучше на реальных задачах, но если таковых нет, можно потерять мотивацию, ибо "работа в стол" полезна, только если вы натура увлеченная и жадная до знаний.
    Ответ написан
    Комментировать
  • Действительно ли back-end разработка более консервативна, чем front-end?

    hrls
    @hrls
    Половина ответа в вопросе, но дьявол в мелочах.
    Действительно, для относительно продуктивной backend-разработки практически на любом языке программирования необходимо знать несколько базовых фреймворков и тулов, которые решают большинство задач. Это скелет ~90% приложений сложнее hello world. Хотя и этот скелет меняется и развивается, пусть и не так быстро как хотелось бы, как разнообразные отростки (не консервативность, но более долгий жизненный цикл). Суммарный вес технологий и инструментов не меньше, и уж точно не менее динамично изменяющийся, чем у frontend-разработчиков.
    Далее личный опыт на примере Java.
    Лет 7-8 тому достаточно было знать Spring, Struts, Hibernate да Apache Commons в довесок для разработки большинства решений. Ну и J2EE-стек для задач Enterprise-уровня.
    В году 2014 Spring, Hibernate все также в арсенале программиста, но появилась куча абсолютно новых вещей вроде AMPQ, Hadoop, Netty, Scala с функциональной парадигмой, мультиязычные окружения с Clojure/Groovy/JRuby; стали чаще встречаться альтернативные реализации популярных библиотек (например Guice / Guava); старые технологии вроде J2EE стали использоваться несколько реже. А одних только Key-Value хранилищ, кэшей и прочих NoSQL как грязи. Изменился даже сам подход к построению приложений – мало кто в 2005 слышал про asynchronous event-driven модели и отталкивался при проектировании от REST-стиля (собственно, там и корни frontend-девелопера как отдельной специализации). Про эволюцию систем сборок, VCS, бенчмарков и прочих "микро"-элементов можно расписывать не одну простыню.
    И да простят меня frontend-товарищи за, возможно, чванливый тон, но раскурить тонкости работы async IO в зависимости от ОС-специфики вроде epoll/kqueue или учитывать CAP-теорему при построении middleware-кэша это уровнем сложности повыше, чем новый CSS-препроцессор и CoffeeScript c очередным MVC / MVVM-фреймворком. Некоторые задачи, вроде синхронизации потоков, так и вообще лежат большей частью в области математики.
    Уверен, что и в frontend-разработке существуют задачи сложнее и интереснее поехавшей на пиксель верстки и обновления полей после парсинга JSON, но ИМХО backend-разработка ближе к системному программированию старой школы, в то время как frontend суть прикладное программирование с примесями дизайна.
    Frontend-инструментов больше, backend-инструменты сложнее.
    Ответ написан
    4 комментария
  • Первая работа для верстальщика, как получить?

    ibr_98
    @ibr_98
    странно, что с такими умениями, ты до сих пор не нашел работу, круто верстаешь, а сколько лет этим занимаешься?
    Ответ написан
    2 комментария
  • Чем отличается верстальщик от front-end developer?

    copist
    @copist
    Empower people to give
    Верстальщик преобразует графический макет (Photoshop или иной) в набор HTML + CSS + картинки. Иногда к свёрстанному макету может подключить типовые библиотеки Javascript, например, slider для картинок, или всплывающие подсказки (tooltip), или диалоговые окна (dialog/popup).
    Знания и навыки:
    • работа с графическими программами, чтобы понять, как собран макет
    • знание HTML, HTML5, CSS, CSS3, понятие про веб-шрифты, спрайты и другие технологии
    • пригодятся знания по HTML-фреймворкам, например, Twitter Bootstrap или Semantic UI
    • навыки кроссбраузерной вёрстки, чтобы в разных браузерах выглядело и работало одинаково
    • навыки отзывчивой вёрстки, чтобы можно было использовать на устройствах с разными возможностями и разрешениями
    • знание типовых решений javascript, чтобы реализовать простейшие вещи, заложенные в макете


    Фронтенд-разработчик делает так, чтобы макеты, полученные от верстальщика, были наполнены реальными данными. Если приложение построено как client-side (то есть вся основная логика загружается в виде огромного javascript в браузер, а данные запрашиваются с сервера по AJAX; это называется "толстый клиент"), то фронтенд-разработчику потребуется следующее:
    • знание HTML, HTML5, CSS, CSS3, понятие про веб-шрифты, спрайты, Comet и другие технологии
    • глубокое знание Javascript, включая использование готовых фреймворков, библиотек и написание расширений для них, что подразумевает объектно-ориентированное и событийное программирование
    • знание AJAX, CORS и навык создания тестовых затычек на стороне сервера, чтобы можно было разрабатывать приложение пока бакенд не готов


    Если фронтенд строится на стороне сервера, то дополнительно потребуется знать используемый серверный язык программирования (например, Python, Ruby или PHP) и используемый фреймворк (Django, Ruby-on-Rails, Yii). На практике бывало такое, что фронтендер просил в нужной части проекта сделать var_dump от структуры данных, которую надо показать и перечислить серверные методы, которые надо вызвать по нажатию предполагаемых кнопок.

    Зачастую фронтенд-разработчик может и сам закодировать эти серверные методы, если не требуется углубляться в серверную логику (отношения в данных, конкретная бизнес-логика, хранение данных, кэширование, очереди, крон-задачи). Я лично таких очень ценю.

    И моё личное мнение - фронтенд разработчику не помешают базовые знания про UML. Иногда с ними так тяжело обсуждать обмен данными по AJAX. У них это какой-то непрерывный поток магической энергии, волшебным образом преобразующийся в буковки на экране пользователя, а вот для бакенда это набор отдельных операций, иногда ещё и асинхронный. Диаграммы последовательностей ни читать, ни писать многие не умеют. Таймлайны составлять не умеют.

    -----------

    Написал дополнение: copist.ru/blog/2015/08/29/layout-designer-vs-front...
    Ответ написан
    2 комментария
  • Есть ли удобный color picker (пипетка) для windows 10?

    @an_tropa
    Пользуюсь InstantEyedropper если нужна палитра то Instant Color Picker
    Ответ написан
    Комментировать
  • Как тестировать верстку?

    В Яндексе мы разработали два инструмента:
    - gemini для модульного тестирования вёрстки скриншотами; сравниваются отдельные блоки с эталонными изображениями; есть отдельный удобный инструмент для снятия и обновления эталонов — gemini-gui
    - hermione для функционального тестирования

    Оба инструмента используют WebDriver API, при помощи которого ходят в Selenium Server или Appium. Умеют обходить проблемы стабильности (повторное выполнение тестов), запускать тесты максимально параллельно (для скорости; гибко настраивается), строить понятные отчёты.

    Этими инструментами уже тестируются SERP (страница поисковой выдачи), Яндекс Картинки, Яндекс Видео, Яндекс Новости и другие сервисы.
    Ответ написан
    1 комментарий
  • Как понять суть программирования (подробнее в содержании)?

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

    Nordborn
    @Nordborn
    Frontend
    По CSS, из свежего, можно про гриды почитать: Rachel Andrew - GET READY FOR CSS GRID LAYOUT
    JS для новичков, тут, думаю, ничего лучше серии HeadFirst нет: Эрик Фримен - Изучаем программирование на JavaScript
    Ответ написан
    Комментировать
  • Нужен ли HTML для изучения JavaScript и PHP?

    @veitmen
    Немного странные ответы.

    Попробуем по порядку.
    1. Конкретного ответа на ваш вопрос нет. Т.к. бэкэнд разработка бывает очень разная. Есть задачи, для решения которых знание HTML не нужно. Более того, я сейчас являюсь бэкэнд разработчиком (правда другие технологии) одного большого корпоративного портала. HTML мне не нужен вообще, но это не значит что я его не знаю.
    2. Предположим, что вы хотите стать полноценным веб-программистом. Для меня, веб-разработчик - это всегда сначала программист, а потом уже веб. :) Поэтому советую для начала понять как работает PHP или JS, что можно делать используя эти технологии. Как работает генерация, например, обычного текста. Поймите как устроено клиент серверное взаимодействие, что такое "песочница" браузера. Как можно используя JS получить данные с сервера. Как передать данные из браузера на сервер. Как получить данные от пользователя. Решая эти задачи, рано или поздно вы познакомитесь с DOM моделью браузера, начнете понимать как работать с DOM моделью на стороне браузера.Потом захочется рюшечек и примочек, захочется делать красиво и Вы начнете потихоньку познавать тонкости HTML + CSS. Но в целом, для начала, достаточно знания того, как сделать textbox или кнопку. У меня было так. HTML + CSS - это визуализация ваших данных, которые обработаны и подготовлены. Но без знаний о том, как эти данные обработать и подготовить - HTML не пригодится. Хотя, наверное, дизайнеры со мной не согласятся. :)
    3. Предположим, что вы хотите клепать сайты используя CMS. Изучаете любую CMS, без глубокого изучения PHP. Изучаете JS фреймворк, без полного понимая JS. Изучаете HTML + CSS и клепаете сайты. Быстро, дерьмово, дешево. Но, я уверен, это не ваш путь.

    К сожалению учебник не посоветую. Я думаю, для начала, достаточно любого учебника, который расскажет про form и как сделать таблицы. Не вдавайтесь в детали. Изучайте то, как работать с какими либо данными с использованием нужных вам технологий.
    Советую изучать так:
    1. Как послать данные введенные пользователем на сервер. Изучайте form, input.
    2. Как отобразить данные пользователю. Изучаете table, div, span.
    3. Как послать данные на сервер и отобразить ответ в виде HTML от сервера без "перезагрузки" страницы. Изучаете JS, ajax.
    4. Как показать ответ от сервера, который содержит только данные. Изучаете JS, jQuery.
    5. Как сделать красиво. Изучаете jQuery + jQueryUI.
    Паралельно вы изучаете PHP. Т.е. изучение этих пунктов, нужно лишь для изучения той технологии, которая используется на сервере (PHP, Node.js например). Потом, если вы захотите делать красивые интерфейсы, изучайте плотно HTML + CSS.

    И да, дико извиняюсь, но PHP не лучший выбор. Это не лучший выбор для начала, и уж тем более, не лучший выбор для продолжения. :)
    Ответ написан
    3 комментария
  • Должен ли фронтенд разработчик уметь верстать (css)?

    @strelok011
    Фронтэнд должен верстать лучше профессионального верстальщика??? Судя по всему мало кто понимает что такое проф верстка.

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

    Пренебрежительное отношение к верстке скорее всего из-за отношения к результату 'и так сойдет'.

    И если фронт не умеет в верстку - он будет костылить на js и писать чудовищную разметку, лишь бы работало.

    5 лет был чистым верстальщиком, сейчас второй год пишу на реакте (в основном).

    И да - качественный фронт лучше растить из верстака. Но такое встречается все реже и реже.
    Ответ написан
    1 комментарий
  • Должен ли фронтенд разработчик уметь верстать (css)?

    @mrFeeman
    Кольнуло сердце прочитав вопрос
    Ответ написан
    Комментировать
  • Должен ли фронтенд разработчик уметь верстать (css)?

    @ParaBellum577
    Как фронтэндер может обойтись без верстки?... Да я тоже сидел в какой-то момент ничего не верстал около полугода, просто педалил реакт, а потом как-то пришлось опять же пол года тупо верстать. В общем это необходимый навык, я думаю. Без этого от фронта мало толку.
    Ответ написан
    Комментировать
  • Должен ли фронтенд разработчик уметь верстать (css)?

    @abbrakadabbra
    Фронт-энд разработчик не умеющий верстать, это как сантехник, не умеющий починить кран. CSS - это наверное самое легкое, что есть во фронт-энд, так что учите его, иначе вы не можете претендовать на его звание. Тем более на full-stack.
    Ответ написан
    Комментировать