• Стоит ли работать программистом?

    Логика проста:

    1) Самое главное - есть ли интерес к данной работе, любили ли в школе решать задачи по физике/математике/информатике? Именно любили, а не просто решали. Лично я любил сидеть за формулами, графиками, интересными задачами, в то время как другие гуляли и пили пиво

    2) Отсюда вытекает - чувствуете ли в себе такие качества как любознательность, усидчивость и эммм... занудство, дотошность. Если нет - то эта работа не для Вас. Поскольку, чтобы выловить проблемный баг нужно именно сидеть на попе ровно и спокойно выискивать его часами, при этом не напрягаясь и не нервничая.

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

    4) Перспективы и удобное рабочее место - тут уже всё будет зависеть от тебя. Есть две крайности:

    1. Можно устроиться в чмошную айти контору, где будут убогие задачи, убогое рабочее место со старым компом и маленьким монитором, где рядом будут сидеть быдло-программисты воняющие дешёвыми сигами (дымом) и бегать на перекур каждые 5 минут да и просто башорг читать тупить да байки травить как они "весело бухали на выходных" невольно намекая а ты такой задрот чем занимался интересным?
    З/п 20-100 000р в месяц

    2. А можно устроиться в компанию аля гугл, где печеньки и фрукты на каждом шагу, а люди, работающие там "какают радугой" (других туда не берут).
    З/п от 3000$ в месяц где-то

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

    copist
    @copist
    Мидл, хочешь стать синьором? http://copi.st/ExhE
    Я тут всем пролайкал ответы. Отвечу и сам.

    Денежный вопрос стоял остро, первые несколько лет, пока я сортировки пузырьками писал сам и фантазировал на тему своего мегакрутого фреймворка, который на поверку был 10% от Yii или Zend Framework.

    Затем мега скачок. И в стартапах поработал, и в интерпрайзе, и на фрилансе. Почему-то всё стало легко. И дедлайны легко переживаю. Постепенно выбрал себе специализацию: веб-архитектор и backend-разработчик.

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

    Знаю 15+ языков программирования, в разной степени.

    Что я всегда за собой замечал - всё в IT всегда было в удовольствие. И сервера ставил, и интернет-магазины делал с интересом, и веб-порталы кодил.

    Ответом на часть твоих вопросов будет следующее:
    * Чтобы нравилась работа, делай то что нравится тебе
    * Чтобы стОило, делай то, что нужно другим
    * Когда первое и второе совпадут, ты будешь финансово обеспечен и морально удовлетворён

    А про тяжести работы ... у меня всегда перед глазами вот это и я просто помолчу.
    Ответ написан
  • Как новичку найти клиентов на upwork и на что рассчитывать?

    Punkie
    @Punkie
    Почитайте блог: jff.name . В своё время он мне очень помог. И автор у него отзывчивый - всегда подскажет.
    Ответ написан
  • Какие scss-фреймворки лучше всего использовать? Какие лучшие и чем?

    saggid
    @saggid
    Веб-Программист
    Советую перейти на чистую вёрстку на основе Flexbox, если не важна поддержка старых браузеров. В общем-то, вместе с ней можно очень легко писать любые сайты даже без использования каких-либо фреймворков. И оно еще и гибче и лучше работать будет, ко всему прочему. Такие дела)

    Плюс - еще один очень хороший документ, разъясняющий принципы Flexbox.

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

    P.S.

    А.. Либо я неверно понял вопрос автора. Надо оформить вопрос более корректно тогда. Я использую postcss по большей части, в совокупности в scss, и не использую никакие дополнительные плагины к scss.
    Ответ написан
  • Как правильно сверстать макет?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Вообщем смотри) Представь ты работаешь на Компанию "А" и в неё приходит заказчик и решил сделать сайт. Они с менеджером идут к дизайнеру и там решаются самые страшные для тебя вещи. Вообщем они сделали макет и прислали тебе... И говорят хотим все так как в макете... И тут вопрос к тебе, ты сделаешь как в макете или все же свою ширину контейнера будешь выдумывать ? ( Лично я раз 3-5 пытался сделать так как лучше для сайта и брал ширину за основу сам...... Но тут б*я приходят жалобы, грозные письма что все не так....ширина больше или меньше нужной, выглядит все иначе...... Вообщем геморроя выше крыше.)
    Так значит с шириной мы разобрались...... идем дальше....

    Так у нас есть слайдер на 100% ширины.......в чем проблема берем bx-slider и ставим свой слайдер на 100%

    А так для тебя самое главное решить как ты будешь верстать блоки) к примеру

    1)Самый страшный возможно для тебя будет блок это с серым фоном.....с треугольником верх. Вопрос по средствам css или картинкой ? (верно с помощью css бордеров и псевдо классов)
    2)Каким образом будешь позиционировать блоки ? float или position . (Тут надо задуматься о будущем, если будешь переделывать в responsive то float, если же нет то можно и позиционировать, не особо страшно.)
    3)Подучить html5 и уже использовать html5 Тэги (Вообщем в чем надо разобраться в основном это где тэг article а где тэг aside.... остальные попроще).
    4) Минимизация и структура (
    а) Котировка UTF-8 без BOM
    б) Для связи с JS не использовать стилизующие классы. а использовать id, data- атрибуты или классы с приставкой js-
    в)Указать meta name="viewport".............
    г)Skype плагин не должен ломать верстку
    д)Единый css файл подключаемый в head и желательно минимизированный
    e) Единый js файл подключаемый перед /body тоже желательно минимизированный.)
    5) Изучай методологии Желательно БЭМ
    6) Изучаем автоматизацию Grunt либо Gulp (Gulp лучше)
    7) Верстаем с помощью Emmet (Экономим время)
    Это довольно все быстро освоить......Увы мне так не кто не подсказал и не написал раньше )
    Ответ написан
  • Верстка -> 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) остается той же.

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

    copist
    @copist
    Мидл, хочешь стать синьором? http://copi.st/ExhE
    Какие задачи нужно уметь решать на чистом JS, перед тем как переходить к изучению библиотек и фреймворков?


    Кроме синтаксических конструкций, математических и логических выражений, нужно знать:
    • Область видимости переменных
    • Замыкания
    • Объектно-ориентированное программирование, в частности наследование через прототипы
    • Шаблон проектирования "модуль"
    • Операции над DOM
    • Понимание принципов событийно-ориентированного программирования
    Важно - нужно знать, откуда копипастить.
    Тебе нужно быть очень хорошо знакомым с одной-двумя-тремя популярными библиотеками на JavaScript. В идеале ты должен иметь представление о том, что определённый класс задач может быть решен с помощью определённых библиотек, хотя бы одной, но такие знания приходят с практикой. Вообще ты должен быть знаком с ними так близко, чтобы помнить, в какой части мануала по библиотеке можно найти описание форматов входных данных нужной тебе функции и какой будет результат, чтобы скопировать и вставить в свой код, а потом поправить, чтобы работало.

    Важно - инструменты программиста JavaScript
    У тебя должен быть удобный инструмент для разработки (IDE, Integrated Development Environment), чтобы он тебе подсвечивал код (syntax highlight) и подсказывал о синтаксических ошибках (syntax check), о формальных параметрах функций (type hinting), о стиле кодирования (code style), помогал писать код (live templates).
    Ты должен знать, как отлаживать скрипты в популярных браузерах (Firebug, Chrome Developer Tools и другое). Что такое точки останова, как управлять исполнением во время останова, как посмотреть и поменять содержимое переменных, как настроить останов по условию.

    Хотелось бы узнать что это за задачи(упомянутые вами 80%)


    Реальные задачи джунов:
    1. Возьми из сборника задач по javascript любой скрипт случайно и вслух расскажи, что он делает.
      Важно - читать и понимать чужой код намного важнее, чем писать свой. И на работе тебе это приддётся делать чаще, чем ты думаешь. Чтобы подключить к своему проекту чужую JS либу, нужно понимать что она делает, как она конфигурируется, как управлять её поведением. Скажу точно, что написать свой скрипт, который строит графики, намного сложнее, чем понять, как настраивается highcharts.

    2. Напиши скрипт на JS, который в заданном тексте удалит один или два символа, выбранных случайно
      1. Усложнение: удалять можно только буквы в словах, а знаки пунктуации и цифры удалять нельзя
      2. Усложнение: принять, что этот текст является программной на Javascript, удалить одну-две команды JS, но только если они не в строковых литерах (break как команду удалить можно, а в строке "break my heart" нельзя)
      3. Усложнение: воспользуйся этим скриптом и "попорти" код какого-нибудь другого скрипта на Javascript, а потом отладь, найди ошибку и восстанови работоспособность
      Важно - этим обычно все и занимаются - ищут баги. Только в реальной жизни они и без этого скрипта появляются. И не по одному, а прям пачками.

    3. На страницу HTML нужно встроить график курса доллара по отношению к рублю. Формат входного массива значений курса определи сам, исходя из своего скрипта для построения графиков.
      1. Усложнение: на одном графике должны быть два курса, по разным шкалам. Наприме, курс доллара к евро и курс юаня к рублю
      2. Усложнение: первоначально график вывести в детализации по месяцам, но чтобы можно было "приблизить" (drilldown) детализацию до дней
      3. Усложнение: первоначально график вывести текущем месяце, но чтобы можно было загрузить данные для предыдущего месяца без перезагрузки страницы (AJAX)

    4. При клике по картинкам, вставленным в текст HTML, показывать всплывающее окно для просмотра увеличенной картинки.
      1. Усложнение: в всплывающем окне сделать навигацию по картинкам, вперёд/назад и к нужной картинке
      2. Усложнение: в всплывающем окне вместо картинки показать видео-ролик с Youtube
      3. Усложнение: в всплывающем окне показать текст HTML

    5. По клику на кнопку "Click me" показать всплывающую форму.
      1. Усложнение: реализовать проверку данных на корректность перед отправкой формы (непустое значение, минимальное количество символов, максимальное количество символов, минимальное числовое значение, максимальное числовое значение)
      2. Усложнение: если в значении текстового поля встретилась гиперссылка, то считать её за 22 символа при любой длине этой ссылки (как в твитере)
      3. Усложнение: реализовать отправку формы на сервер через AJAX, без перезагрузки страницы
      4. Усложнение: саму форму в виде HTML загрузить с сервера через AJAX, в момент клика по кнопке "Click me", правила проверок данных должны как-нибудь "извлечься" из самой загруженной формы, например из аттрибутов полей ввода

    6. К форме ввода данных на поле ввода даты "навешать" всплывающий календарь для выбора даты.
      1. Усложнение: сделать форму календаря мультиязычной. Хотя бы через настройки на том же JavaScript
      2. Усложнение: сделать так, чтобы с помощью календаря можно было выбрать диапазон дат, чтобы она была привязана к двум полям формы "дата начала" и "дата окончания", и чтобы значение в поле "дата начала" обязательно была меньше чем в поле "дата окончания"
      3. Усложнение: сделать так, чтобы с помощью в календаре можно было видно визуально этот диапазон
      4. Усложнение: диапазон может быть открытым, но не пустым, то есть пользователь должен задать хотя бы дату начала или дату окончания.

    7. Сделать пред-просмотр веб-страницы HTML с разными темами. Тему страницы выбирать через селектор на javascript, а показывать в фрейме.
      1. Усложнение: сделать селектор "тип устройства", чтобы менять размер фрейма (например, "iPhone 5c 1136x640") и "чекбокс" для смены ориентации страницы "горизонтальная" или "вертикальная" (соответственно 1136x640 или 640x1136)
      2. Усложнение: в селекторе тем предусмотреть поиск тем по подстроке, и аналогично поиск устройств по части названия (авто-дополнение, auto-complete)
      3. Усложнение: тема страницы должна меняться без перезагрузки фрейма



    Задачи повышенной сложности, исходя из личного интереса
    1. Реализовать форму для многошагового мастера: форма должна состоять из нескольких страниц (шагов), пользователь может переключать страницы через какие-нибудь элементы управления "вперёд/назад" или "перейти на страницу".
      1. Усложнение: реализовать функциональную связь значений, когда некоторые данные зависят друг от друга (ввёл число в поле "количество" и в поле "сумма" значение пересчиталось)
      2. Усложение: доступность некоторых полей ввода должна зависеть от данных (например, если указал "есть личный самолёт", то значит можно ввести "марка самолёта")
      3. Усложение: видимость некоторых страниц должна зависеть от данных из предыдущих страниц (например, если указал "есть личный самолёт", значит появилась страница "ТТХ самолёта"; иначе страница должна скрыться)

    2. Реализовать однопользовательскую браузерную игру "змейка", "тетрис", "найди пару"
    3. Реализовать многопользовательскую браузерную игру "крестики-нолики", "морской бой" на два игрока в режиме "hot seat"
      1. Усложнение: два игрока на разных компьютерах, ходы передаются по websocket
      2. Усложнение: ограничение на ожидания окончания хода 15 секунд, по окончании ожидания автоматически делается случайный ход

    4. Реализовать todo-list. Пользователь вводит список, затем он превращается в строки с "чек-боксами". Когда "чекбокс" включен, строка зачёркивается.
      1. Усложнение: пользователь может переименовывать, удалять, добавлять строки
      2. Усложнение: список хранить в localStorage браузера, чтобы при перезагрузке страницы он восстанавливался
      3. Усложнение: пользователь может иметь несколько независимых списков todo

    5. Реализовать простой графический редактор. Пусть рисуется точка в месте, где пользователь кликнул.
      1. Усложнение: добавить переключатель режимов "точка"/"линия", в режиме "линия" рисуются линии между двумя последовательно кликнутыми точками
      2. Усложнение: можно менять толщину, цвет линий, размер точек
      3. Усложнение: последовательность кликов можно воспроизвести ещё раз с самого начала, равномерно или с реальной задержкой между кликами, с обычной скоростью или ускоренно
      4. Усложнение: можно выгрузить получившийся рисунок в формате PNG или SVG, причём SVG c анимацией воспроизведения



    Можно использовать любую существующую библиотеку.
    Например,
    для построения графиков www.highcharts.com
    для загрузки и передачи данных через AJAX: jquery.com + что-нибудь на сервере
    для всплывающих диалогов с картиками, видео и формами: fancyapps.com/fancybox и https://jqueryui.com/dialog/
    для валидации форм rickharrison.github.io/validate.js
    для календаря https://jqueryui.com/datepicker/
    для автодополнения https://jqueryui.com/autocomplete/
    для передачи данных между несколькими пользователями socket.io или обычный AJAX
    Ответ написан
  • Какие есть видео по верстке для pro?

    TimLee
    @TimLee
    Я сейчас смотрю DevTips, кому-то нравится бородач кому-то нет. Тем не менее его серия про создание собственного сайта мне нравится. Это конечно не лендинг, но близко плюс дизайн с извращениями.

    Использует он всё это: Jade, Sass, Jquery, Gulp, Jekyll, Atom.

    На пробу можно глянуть этот ролик в нём как раз про адаптивность речь.
    Ответ написан
  • Смогу ли я верстать сайты после прохождения курса htmlacademy.ru?

    Как создатель HTML Academy, могу сказать, что после прохождения курсов у вас появится серьёзная база, с которой можно начать делать что-то серьёзное.
    Товарищ, который назвал бы сервис "поверхностным знакомством", сам особо не разбирался. Он бы и кодеакадеми назвал хорошим ресурсом по изучению вёрстки.
    У нас разбираются достаточно серьёзно тонкости: и блочная модель, и различные селекторы, и поток документа, и приёмы построения сеток, и позиционирование.
    Но после завершения курсов нужно самостоятельно практиковаться. Для этого гуглите бесплатные исходники макетов и пытайтесь сверстать.
    htmlbook - ресурс хороший, но это справочник и для обучения он скучноват.
    Ответ написан
  • Как правильно учить Javascript?

    @davex69
    Сейчас на Hexlet проходит интересный курс по Java Script. Он чисто об особенностях языка. Думаю, будет интересно.

    Ваша проблема, как я понял, Вы не знаете, что делать с полученными знаниями. Тогда поставьте себе цель какую-то, например, написать змейку или тетрис. Попробуйте отправить заявку на вакансию js программиста и попросите тестовое задание.

    Drink coffee write JavaScript :-)
    Ответ написан