Веб-страница
24K subscribers
1.75K photos
535 videos
1 file
3.96K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Как один разработчик воссоздал AirDrop, используя только JavaScript

AirDrop — технология, разработанная компанией Apple, которая позволяет быстро и удобно передавать файлы между устройствами на базе iOS, MacOS, iPadOS.

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

Автор сегодняшней статьи проанализировал проект и понял его архитектуру, а теперь делится этим с остальными:

https://tprg.ru/jGv6

#javascript #бэкенд
И следом баннер: «Хотите получать уведомления?»
Фронтенд-разработчики оценят: 7 полезных репозиториев на GitHub

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

Здесь вы найдёте:
— примеры использования всех элементов, которые могут быть внутри <head>
— советы, которые помогут прокачать навыки CSS
— принципы написания читаемого и повторно используемого кода на JavaScript и многое другое!

https://tprg.ru/6Xwj
This media is not supported in your browser
VIEW IN TELEGRAM
Мастерская Санты

Очередной тематический проект на CodePen к новогодним праздникам. Здесь мы видим мастерскую Санты, где горы мусора превращаются подарки для детей. В основе проекта лежат HTML-элемент Canvas и SVG изображения.

Посмотреть на проект подробнее и изучить код можно на странице проекта:

https://tprg.ru/DiAk

#фронтенд
JavaScript исполнилось 25 лет

4 декабря 2020 года языку JavaScript исполнилось 25 лет — немалый срок для языка, который остаётся популярным! Этот язык сильно повлиял на развитие веб-технологий.

Автор этой статьи, празднуя 25-летие языка, предлагает вспомнить о двадцати пяти наиболее значимых моментах в развития языка. Несмотря на то, что сегодня уже не 4 декабря, мы рекомендуем вам прочитать её:

https://tprg.ru/q5FN

#javascript
История потерянного коммита

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

Автор статьи в итоге смог разобраться, но также он обнаружил интересные особенности в работе Git.

О том, в чём было дело и как докопались до истины — читайте в статье:

https://tprg.ru/aQ1y

#git
Некоторые документации настолько страшные, что памперс будет кстати
Что нужно знать о популярных JS-фреймворках

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

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

https://tprg.ru/m68a

#фронтенд
Мы сделали для вас игру «Сапёр» с ценными призами, чтобы ваш год прошёл играючи! Ведь говорят, как встретишь Новый год, так его и проведёшь.

Каждый участник получит фирменный pdf-календарь, а также может выиграть:
— футболки с логотипом Tproger;
— фирменный бумажный календарь;
— а самым лучшим наушники JBL Quantum 200 или Bluetooth JBL Tune 750 BTNC на ваш выбор.

Скорее заходите в бота и участвуйте: t.me/tproger_official_bot?start=minegame
Расширенный HTML

EHTML — это библиотека, которая расширяет обычные возможности HTML. С помощью неё можно, не используя JavaScript, отправить формы в json формате, загрузить HTML темплейты на определенную страницу и многое другое.

В этой статье автор библиотеки подробно рассказывает о её возможностях:

https://tprg.ru/byzH

#HTML
Хотите проверить свои навыки в CSS?

На CSSBattle ваша задача — соревнуясь с другими игроками, повторить заданное изображение, но используя при этом как можно меньше CSS-кода. Кто лаконичнее написал — тот и победил.

Проверьте свои силы тут:
https://tprg.ru/Rhcu

#фронтенд #css
А некоторые зависимости на перфокартах сделаны
Игра «Помощник Санты»

Астрологи объявили неделю предновогодних постов.

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

Игра опубликована на CodePen, поэтому вы можете не только поиграть, но и изучать, как игра устроена:

https://tprg.ru/rTyl

#фронтенд
Лучшие редакторы кода и IDE для JavaScript-разработчиков

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

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

https://tprg.ru/6RhV
10 направлений, в которых стоит развиваться фронтенд-разработчику в 2021 году

Мир фронтенд-разработки не стоит на месте и постоянно развивается. Появляются новые технологии, а некоторые становятся популярнее, чем раньше. Чтобы всегда оставаться востребованным специалистом, необходимо успевать за всеми изменениями.

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

https://tprg.ru/PpAV

#фронтенд
Конечный автомат на HTML и CSS

Обычно конечные автоматы реализуются с помощью языков программирования. Но если проявить смекалку, то можно реализовать его, используя даже текущие возможности HTML и CSS.

В этой статье вы узнаете как это сделать:

https://tprg.ru/DqYU

#фронтенд #css #html
Зачем и как пользоваться деструктуризацией в JavaScript?

На первый вопрос можно ответить кратко — для упрощения написания и чтения кода. А вот на второй вопрос ответ в статье:

https://tprg.ru/B0sw
А как вы проводите новогодние выходные?
Этот «Сапёр» не оставит равнодушным даже профессионала.

Если вы ещё не попробовали, то скорее заходите в бота и примите участие в розыгрыше призов:
t.me/tproger_official_bot?start=minegame
This media is not supported in your browser
VIEW IN TELEGRAM
Перевод любого приложения Vue.js за час

Чем больше языков поддерживает ваше приложение, тем большую аудиторию оно сможет заинтересовать.

В этой статье вы познакомитесь с инструментом, который позволит без труда и за короткий период перевести проект на множество языков:

https://tprg.ru/ItZQ

#vue
Руководство по NPM, которое необходимо каждому новичку

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

В этой статье автор подготовил подробное и понятное руководство по NPM:

https://tprg.ru/GdiP

#npm