• Какие есть интересные free API для веб проекта?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Ответ написан
    Комментировать
  • Где можно устроиться на удаленную стажировку?

    @CODALSD
    Сначала находишь сложный адаптивный макет Email письма! Верстаешь с помощью mjml писель в пиксель,
    после тоже самое с помощью foundation(попутно начинаешь понимать что значит помучиться с табличной версткой, глубокое понимание структурирования, вложенностей, инлайновости, правильного комментирования, читабельности, при работе с foundation попутно захватываете работу с npm, gulp, sass, inky), после то же самое верстаете в чистую. Все это дело сохраняете в репе гита или бакета. Потом верстаете еще парочку писем, не забывая все тестить литмусом. Крутое адаптивное письмо в портфолио и понимание верстки писем на первоначальном этапе уже может принести неплохой заработок на удаленке.

    Далее переходите либо на посадочные страницы с погружением в анимацию, канвас, свг, jquery и тд или же идете во фронт ES6 vue react и тд. Но это потом, после того как уже будете зарабатывать минимум 60к на удаленке. Тот же полосатый оператор недавно искал на удаленку письмаря за 70к в месяц или за границей очень нужны email developer))
    Ответ написан
    3 комментария
  • Какая из посадок верстки на Wordpress более актуальная и правильная?

    azerphoenix
    @azerphoenix
    Java Software Engineer
    1) либо используйте стартовые темы Пример - https://understrap.com/ underscores.me
    2) пишите с нуля, не редактируйте стандартные темы ВП и т.д.
    3) насчет страницы настроек для темы (Простой вариант - ACF, более грамотный вариант фреймворки). Пример фреймворка - redux framewor
    https://reduxframework.com/ https://ru.wordpress.org/plugins/redux-framework/
    Ответ написан
    3 комментария
  • Верстка с нуля: какие основные этапы работы?

    @skeevy
    Frontend WebDev
    0) Включаю музыку, проверяю обновления пакетов и npm =)
    1) Клонирую из собственного форка немного переделанный OptimizedHTML
    2) Визуальный анализ макета, загрузка в AdobeAssets/Avocode
    3) Составление типографики, подключение шрифтов
    4) Экспорт графики "как есть", дергаю дизайнера перед сдачей, если необходимо. В целом, оптимизирую графику сам, но ближе к концу
    5) Набрасываю первоначальный html, когда готов - работаю над стилями.
    6) После подготовки десктопа, работаю над адаптивом. Как правило, много времени не занимает, если сам не сделаю говнокод, благо, sass спасает =)
    7) Оптимизирую графику, если необходимо. Прогоняю GooglePageSpeed на своем тестхосте и на github pages
    8) По результатам прогона оптимизирую все остальное (крайне редко)

    Иногда приходится выполнять и другие действия, но в целом моя работа выглядит примерно так

    P.S. Инструменты:
    Редакторы: Brackets, SublimeText3. Очень редко Atom (смотрю в сторону VS Code)
    Консоль: cmder
    Макеты: PSD, sketch через invision.com
    Сборщик: Gulp
    Методология: БЭМ
    Хостинг: GithubPages, собственный хост на hostland
    Ответ написан
    5 комментариев
  • Какой роутер нынче хорош дома для гика?

    bingo347
    @bingo347
    Crazy on performance...
    Поделюсь своим гиковским вариантом:
    Железо:
    Мать: ASUS H110M-K
    Проц: Intel Pentium G4560
    Память: Kingston HyperX FURY, DDR4, 2 по 4ГБ, разгон до 2.4ГГц
    SSD: AMD Radeon R3 Series на 60ГБ
    HDD: WD Black на 2ТБ (файлсервер/бэкапы)
    Доп сетевуха: TP-LINK TG-3468 (для локалки)
    WiFi сетевуха: TP-LINK TL-WDN4800 - антены раскиданы по квартире удлинителями
    Софт:
    ОС: Debian 9 (Linux 4.9)
    hostapd - делаем из WiFi сетевухи точку доступа
    dnsmasq - dhcp server + dns cache
    iptables - nat + firewall
    openVPN - в качестве сервака для удаленного доступа в домашнюю сеть
    ручная настройка интерфейсов (/etc/network/interfaces), bridge между локалкой, WiFi и VPN
    5af21e07203ff715392288.jpeg5af21e225d137262866893.jpeg
    для роутера этого достаточно, но я на этом не остановился...
    купил белый ip у провайдера
    nginx - торчит наружу портами 443 и 80 и в локалку - 80
    node.js - личный сайтик + автоматизация (те же бэкапы)
    gitea - личный git
    verdaccio - личный npm
    самописная приблуда на go - сервак для STM32 контроллеров (Умный дом)
    Samba - файлопомойка
    Transmission - торентокачалка (рулится из node.js через cli интерфейс)
    пока на этом остановился
    Ответ написан
  • Есть ли польза от codewars?

    sim3x
    @sim3x
    Синтетические задачки
    Для начинающих - крайне полезно
    Для средняков - полезно посмотреть на чужой код и понять как он работает
    Для топов - развлечение на самое простое, короткое или однострочное решение

    Просто куски кода оттуда никогда не юзал
    Подходы - юзал

    Не знаешь как решить. Сядь и нарисуй блоксхему алгоритма без привязки к ЯП
    Ответ написан
    Комментировать
  • Как лечить спину айтишникам?

    GavriKos
    @GavriKos
    Ну йопт. Вот вы айтишник. Вы же знаете что вопросы по теме надо задавать тем кто шарит в теме, а не сгружать вопросы по программированию переводчикам. Сходите к врачу! И он вам все скажет что и как лучше для ВАШЕГО организма.
    Ответ написан
    11 комментариев
  • Как лечить спину айтишникам?

    saboteur_kiev
    @saboteur_kiev
    software engineer
    Идете к врачу, получаете направление на МРТ.
    Идете на МРТ, делаете снимок.
    Идете к врачу, понимаете что именно у вас со спиной - ушиб, воспаление, защемление нерва, протрузия, грыжа.

    Слушаете рекомендации врача что с этим делать. Решаете как дальше жить.
    Просто без диагноза по МРТ идти в зал, особенно если у вас уже грыжа/протрузия - значит убить себе спину окончательно. Идти на массаж с защемлением нерва или воспалением - мало смысла. Там нужно подождать, возможно даже поколоть что-то, если воспаление зашло далеко и само не хочет проходить.

    В общем, первым делом - диагноз. Без него - лучше вообще ничего не начинать.
    Ответ написан
    4 комментария
  • Как обычно проводятся тесты на фронтенде?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Основа по тестированию есть у Кантора: learn.javascript.ru/testing
    По реакту есть хороший курс на udemy (EN) https://www.udemy.com/react-tdd (10$)
    По redux текстом в доках - https://redux.js.org/recipes/writing-tests
    На хабре полно информации. Ну и как вам уже написали - в гугле миллион ссылок.
    Ответ написан
    3 комментария
  • Что выложить на Github junior frontender?

    toxicmt
    @toxicmt
    CTO at hexlet.io
    Хекслет сообщество собирает тестовые задания (в том числе frontend) от разных компаний в этом репозитории https://github.com/Hexlet/ru-test-assignments

    Решайте, выкладывайте.
    Ответ написан
    Комментировать
  • Первая работа для верстальщика, как получить?

    @arsenalsar Автор вопроса
    И вот еще вопрос в продолжение темы. Если верстальщики не нужны, то кто же верстку делает? Там же суеты много, шрифты подбери, svg поправь, кучу косяков за дизайнером + сама верстка... Неужели это все делают профессора react-ов?
    Ответ написан
    3 комментария
  • Вопрос новичка: Math.floor / Math.random?

    ivnik
    @ivnik
    Math.random() выдает числа от 0 до 1, не включая 1, т.е. числа в диапазоне [0, 1), соответственно диапазон Math.floor(Math.random()*6 + 1) = [1, 7)
    Поэтому после откидывания дробной части получится число от 1 до 6.
    Ответ написан
    2 комментария
  • Как легко перейти с jQuery на VUE?

    delphinpro
    @delphinpro Куратор тега JavaScript
    frontend developer
    Конкретно здесь проще, и я бы даже сказал, нужно сделать страницу на jquery =))

    ------------------------

    Если же вас интересует как в принципе заменить jquery на vue, то постараюсь ответить.

    1. Как и в случае jquery, ищем подключаем подходящий пакет. Например этот.

    2. Аккордеон реализуется вручную парой строчек

    <div>
      <h2 @click="toggle"></h2>
      <div v-if="stateOpen">
        Скрытое содержимое
      </div>
    </div>

    {
      data() {
        return {
          stateOpen: false,
        }
      },
      methods: {
        toggle(){
          this.stateOpen = !this.stateOpen;
        }
      }
    }

    Анимации раскрытия по вкусу, с помощью обёртки transition

    3. Аналогично предыдущему пункту. 10 минут на реализацию.
    4. Аналогично первому пункту.
    5. Аналогично первому пункту.
    6. Блин, ну тут то же самое =)) Мне нравится этот пакет: vue-form

    Вот и всё. jQuery можно не подключать.
    Ответ написан
    2 комментария
  • В чем смысла в TypeScript?

    @eeiaao
    Если вопрос обобщить, то получим: Зачем нужна статическая типизация?

    Статическая типизация позволяет снизить вероятность ошибки. Например, в year должно оказаться число, а не строка, не массив, не объект. Так более ясно выражется мысль. При ошибке во время компиляции вы узнаете, что где-то косяк и программа может вести себя некорректно.

    Плюс к тому ваша ide, возможно, будет вам подсказывать где вы делаете что-то не так.

    В общем ускорится разработка и отладка, легче будет расширять проект.
    Ответ написан
    1 комментарий
  • Пример хорошего ТЗ/гайдлайна для вёрстки?

    dpmango
    @dpmango
    Лучше ТЗ верстальщику - макет. Все таки в этой профессии должна быть доля креативности и нужно удивлять клиента своими решениями. Если это не профессиональная студия из ТОП50 рейтингов, где описаны действительно необычные решения, обычно все ТЗ сводиться к пунктам вида "спасибо, кэп". Например - клик на иконкe гамбургера должен открывать мобильное меню, стрелки вперед/назад слайдера должны сменять слайды и т.д.

    По критериям - у каждого свои понимания о том что есть хорошо и плохо.

    Я руководствуюсь такими стандартами
    https://docs.google.com/document/d/1bZyzlhBvR1luYW...
    Ответ написан
    Комментировать
  • Что можно считать глубокими знаниями в js?

    pm_wanderer
    @pm_wanderer
    junior-HTML
    Немного дополню, чтобы новички не пугались. А то страшилок много о том, что надо знать все, хотя в реальности, тех кто действительно "знает все" можно пересчитать по пальцам:

    Как работает браузер - можно знать лишь в общих чертах, для общего развития. В повседневной жизни это в 99% случаев не нужно. Браузер предоставляет нам API и мы его используем. То как оно устроено внутри пусть остается инкапсулировано внутри.

    Как работает V8 - опять же, достаточно общего представлени об event loop. Все остальное пусть остается скрыто и используется через API.

    Оптимизация кода под браузерные движки - в большинстве случаев вообще не надо.

    Утечки памяти - если умышленно не стрелять себе в ногу, то тоже никаких проблем с этим не будет.

    Написание быстрого кода - практически не нужно (он и так будет достаточно быстрый). Лучше сосредоточиться над написанием читаемого, тестируемого и поддерживаемого кода.

    К общему списку еще можно добавить паттерны проектирования. Это будет намного полезней, чем всякие техники спичечной оптимизации)
    Ответ написан
    40 комментариев
  • SPA и REST API - как грамотно построить аутентификацию?

    @motomac
    Делаем два метода аутентификации: Resource Owner Password Credentials Grant и Refresh token grant.

    SPA отправляет логин/пароль юзера на первый endpoint. В ответ получаем access_token (например, JWT), refresh_token и expires_in. Сохраняем все это добро куда-нибудь, например, в Local Storage. Время жизни JWT-токена лучше ставить небольшое (например, 1 час), потому что отозвать его нельзя. Далее SPA при каждом запросе к API проверяет время жизни токена expires_in из Local Storage, и когда оно истекает, отправляет запрос на обновление токена (refresh_token). Все это прозрачно для юзера.

    Stateless, по-моему, и проще, и универсальнее. Если потом делать, например, мобильное приложение, API переписывать не придется.

    Вся фишка JWT по сути только в том, что не нужно дергать БД при каждом запросе к API. Делать это придется, например, только раз в час при refresh'е токена. Больше никаких существенных преимуществ перед традиционными токенами, хранящимися в БД, нет.

    Советую курить именно официальный RFC по oAuth2, а не всякие блогпосты а-ля "OAuth2 простыми словами". Сам через это прошел. RFC - самый понятный и доходчивый источник знаний.
    Ответ написан
    1 комментарий
  • Я прочитал всю документацию SASS на сайте sass-scss.ru. Как научиться эффективно пользоваться всем этим?

    vicodin
    @vicodin
    Имею некоторый опыт
    Вы поймете только в процессе работы, да и никто не будет 100% всех фич использовать в каждом проекте.

    Попишите 1000 раз один и тот же цвет, а потом дизайнер его изменит и вам придётся менять код в 1000 местах - надоест - начнёте использовать переменные.

    Напишите стили на 5000 строк и замучаетесь скроллить туда-сюда - начнёте использовать импорты.

    Замучались писать селекторы по 5 классов глубиной? Начнёте использовать наследование (а потом ещё и БЭМ).

    Надоест писать @media screen and max-width($width-md) {...} - напишите первый миксин $breakpoint-md {...}.

    И Т Д
    Ответ написан
    Комментировать
  • Что за шум вокруг темы, что программисты скоро не нужны?

    @JaPoznajuMir
    Герман Греф: Не нужны сегодня программисты. У нас огромное количество программистов, с которыми мы боремся.
    Тим кук: Изучайте программирование, а не английский.

    Больше кода: что государство может сделать с четырехкратной нехваткой программистов в России? тыц

    Япония вводит обязательные уроки программирования в начальной школе тыц

    Ведущие муниципальные колледжи США вводят учебный курс «Разработка приложений на Swift» тыц

    США выделят на программирование в школах $200 млн в год тыц

    В США падает спрос на инженеров и ученых, а на программистов — растет тыц

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

    Что касается веб-разработки, то уже давно придуманы крутые сервисы и редакторы, где можно создавать довольно-таки сложные сайты и веб-приложения, в которых обычный человек (чаще дизайнер) может создать такой сайт/сервис, что никакому школьнику с 80 левелом копипасты это не повторить. И вообще, если вас пугает конкуренцию со стороны школьников, то вам стоит задумать о своей компетенции.

    Пример сервисов, которые теоретически должны заменять веб-разработчиков:

    https://origami.design/
    https://atomic.io/
    https://webflow.com/

    Но почему-то не заменяют? Подумайте над этим.

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

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

    Гадать, каким будет будущее бесполезная трата времени. И никакие советы вас от него не уберегут. Единственные способ себя обезопасить, по-моему личному мнению, это попытаться создать бизнес, который поможет вам скопить большое количество денег и смягчит встречу с "будущим". Но так как многие из нас способны быть лишь хорошими спецами(а многие даже на это не способны), то остается лишь постоянно быть начеку, следить за трендами и когда нужно быстро меняться под требования рынка.
    Ответ написан
    2 комментария