• 10 отличных Github репозиториев, которые должен знать каждый веб-разработчик

    • Перевод

    Кроме огромных репозиториев с источниками для подготовки к интервью, здесь много чего интересного


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


    image


    А я его перевел, т.к. показалось, что пост многим будет интересен. Перевод очень вольный: я опустил нерелевантные промо-ссылки и гипер эмоциональные похвалы автора оригинала, чтобы оставить только суть. Еще, обновил цифры, чтобы информация была более актуальной к моменту публикации этого перевода. Итак, перейдем к списку.
    Читать дальше →
    • +62
    • 77k
    • 8
  • JSON API – работаем по спецификации

      В последнее время веб-разработка разделилась. Теперь мы все не full-stack программисты — мы фронтендеры и бэкендеры. А самое сложное в этом, как и везде, это проблема взаимодействия и интеграции.

      Фронтенд с бэкендом взаимодействуют через API. И от того, какой это API, насколько хорошо или плохо бэкенд и фронтенд договорились между собой, зависит весь результат разработки. Если мы все вместе станем обсуждать, как сделать паджинацию, и потратим на её переделывание целый день, то можем и не добраться до бизнес-задач.

      Чтобы не буксовать и не разводить холивары по поводу названия переменных, нужна хорошая спецификация. Давайте поговорим о том, какой она должны быть, чтобы всем жилось легче. Заодно станем экспертами по велосипедным сараям.


      Читать дальше →
    • 70 вопросов по JavaScript для подготовки к собеседованию

      • Перевод
      Доброго времени суток, друзья!

      Надеюсь, эта статья будет полезна как начинающим разработчикам, так и опытным.

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

      Буду признателен за развернутые комментарии. Все замечания будут учтены при редактировании статьи.

      Итак, поехали.
      Читать дальше →
    • Golden canon grid: страшилка для фронтендеров


        Большая часть людей, так или иначе причастных к верстке сайтов, проходят через… Назовем это “путь бутстрапа”. Это такая философская позиция, когда у тебя есть 12 колонок и ничего больше. Ты берешь элементы, кладешь их в определенные колонки и все у тебя хорошо. Можно выключить мозг, погрузиться в нирвану и руки будут сами расставлять элементы. Красота… Но тут появляется современный дизайнер, который рисует что-то, что ну совсем не сходится с этой замечательной концепцией. Колонок явно больше, они все разной ширины, да еще и по высоте что-то нужно выравнивать. Жуть. А встречается такое все чаще, особенно если сделать шаг в сторону от магазинов или админок. Сегодня мы поговорим о том, что же это за чудо такое там используется и как его можно готовить в современном CSS. Кода будет совсем немного, в основном – размышления и картинки.

        Читать дальше →
      • Создаём библиотеку по последнему слову техники

          Привет, Хабр. Это статья о том как написать Hello world по последнему слову техники.


          В конце мы получим hello world библиотеку которая:


          • Использует typescript
          • Заботится о codestyle
          • Генерирует доку
          • Проводит тесты
          Читать дальше →
          • +10
          • 6,5k
          • 8
        • Скрипт настройки Windows 10

          image
          Давно хотел поделиться своим скриптом по автоматизации настройки Windows 10 (на данный момент актуальная версия 19041), да все руки не доходили. Возможно, он будет кому-то полезен целиком или только его части. Конечно, будет проблематично описать все пункты настройки, но постараюсь выделить самое важное.

          Если кому-то интересно, то добро пожаловать под кат.

          Читать дальше →
        • Тест на должность FrontEnd

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

          1. Магия

          Напишите программу, которая выводит на экран числа от 1 до 100. При том вместо чисел, кратных 3, программа должна выводить слово “Fizz”, а вместо чисел, кратных 5 — слово “Buzz”. Если число кратно 3 и 5, то программа должна выводить слово “FizzBuzz”.

          2. HTML

          2.1. Содержимое какого элемента можно увидеть в окне браузера?

          2.2. Что будет если расположить

           <b> 
          в контейнере

          <head>

          Ваш ответ...?

          2.3. Для какого тега элемент
          <!doctype html>
          выступает родителем?

          2.4. Какой тег следует использовать для переноса строки?

          2.5. Как создать ссылку, которая открывается в новом окне/вкладке?

          2.6. Какие теги используются для создания списков?

          2.7. Для чего хороши атрибуты
          data-*
          Ваш ответ...?

          2.8. Как будут располагаться элементы на странице?
          <div>div 1</div>
          <div>div 2</div>
          <span>span 1</span>
          <span>span 2</span>
          Ваш ответ...?

          2.9. Как вставить аудио/видео в html-файл?

          2.10. Что не так с этим кодом
          <b>Some<i> </b>Text</i>
          Ваш ответ...?

          2.11. Основные отличия блочной верстки от табличной?

          2.12. В чем отличие
          <svg>
          от
          <canvas>
          Ваш ответ...?

          3. CSS/LESS

          3.1. Как скрыть элементы на странице?
          Читать дальше →
        • Свой веб-сервер на NodeJS, и ни единого фреймворка. Часть 1

          Для многих людей JavaScript ассоциативно связан с обилием разнообразных фреймворков и библиотек. Разумеется, инструменты, которые помогают нам каждый день — это хорошо, но, мне кажется, нужно искать некий баланс между использованием инструментов и прокрастинацией, а также знать, как работают вещи, которыми ты пользуешься. Поэтому, когда я только сел разбираться с NodeJS, мне было особенно интересно написать полноценный веб-сервер, которым я мог бы пользоваться сам.
          Читать дальше →
        • Как опубликовать перевод художественной книги в России

            В 2010 году алгоритмы Google определили, что всего в мире издано почти 130 миллионов уникальных изданий книг. На русский переведено лишь до безобразия малое количество из этих книг.

            Но нельзя просто так взять и перевести произведение, которое вам понравилось. Ведь это будет нарушением авторских прав.

            Поэтому в этой статье мы разберем, что нужно делать, чтобы легально перевести книгу с любого языка на русский и официально издать ее в России.
            Читать дальше →
          • Как живут фрилансеры: дизайн книжных обложек, собственное производство рюкзаков и работа в путешествиях

              Героиня нового выпуска интервью с Фрилансим — Наташа Байдужа, дизайнер и человек-пароход. За годы фриланса успела пожить в Москве, Одессе, Черногории, придумать свою марку рюкзаков (сшить и продать первую партию), написать детскую книгу, сделать бесчисленное множество иллюстраций и книжных обложек.

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


              Читать дальше →