​Подборка фронтенд-проектов для новичков

Наступил понедельник, а это, как водится, повод начать что-то новое. Поэтому мы подготовили небольшую подборку идей для пет-проектов новичков во фронтенде:

https://tprg.ru/bWHv

#фронтенд

Главное не лезть в недра бэка, пока работает

​Как стать разработчиком Full Stack

Full Stack разработчик — это и швец, и жнец, и на дуде игрец. Он отвечает как за фронтенд, так и за бэкенд, а также может отвечать за DevOps и БД. То есть это человек, который может в одиночку создать качественный и сложный сайт.

Подробнее о том, чем занимается Full Stack разработчик и какие знания ему необходимы — читайте в нашей статье:

https://tprg.ru/CDKi

​Как менялся веб

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

https://tprg.ru/9aIy

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

Присоединяйтесь: @prog_point

​15 полезных однострочных выражений JavaScript

Зачем придумывать велосипед, когда всё уже давно придумано?
В этой статье автор делится однострочными выражениями JavaScript, которые помогают ему быстрее решать различные задачи:

https://tprg.ru/4ysm

#javascript

И нет никаких указателей, точнее, комментариев...

Создание адаптивного бокового меню

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

https://tprg.ru/AYqO

#фронтенд

Глубокое погружение в модули JavaScript

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

Подробнее о модулях и модульных системах в этой статье:
https://tprg.ru/FdRe

#javascript

​Пишем мессенджер на Vue в облаке Amazon

WhatsApp, Telegram, Viber — всё так избито и банально... Пора создать свой собственный мессенджер, который будет соответствовать вашим собственным предпочтениям!

В этом руководстве как раз расскажут, как это сделать начиная от фронтенда и аутентификации, заканчивая бэкендом:

https://tprg.ru/8Dog

#vue #aws

​8 интересных инструментов JavaScript и CSS

В этой статье представлены различные инструменты, которые способны заменить уже устоявшиеся библиотеки и фреймворки. Здесь вы найдёте: Deno.js, Bulma CSS, Gatsby JS и не только.

Подробнее тут:

https://tprg.ru/sXRS

#javascript #css

Не бойтесь привЕдений

​Веб-разработчик рассказал, как уменьшить вес файла шрифта вплоть до 90%

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

В этой статье мы расскажем вам, как можно очень просто уменьшить размер шрифта:

https://tprg.ru/ys4Y

#фронтенд #html

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

Расскажите как прошли ваши будни? Успели всё, что планировали? Будете отдыхать или придумали для себя пет-проект? Давайте пообщаемся в комментариях!

#чат

​DevOps, или Как освободить многих разработчиков в один клик

Если вы не до конца понимаете какую роль играет DevOps в веб-разработке, то рекомендуем к прочтению эту статью.

Тут вам расскажут что такое DevOps, зачем он нужен и какие возможности даёт на примере условного сайта. Подробности в статье:

https://tprg.ru/qEBa

#devops

​​Интерактивный гайд по CSS-свойству Transition

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

https://tprg.ru/SQsL

#фронтенд #css

​5 вопросов с собеседования на позицию Junior бэкенд-разработчика на PHP

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

https://tprg.ru/zOd6

#бэкенд #php

Полезные советы и горячие клавиши DevTools

DevTools — важный инструмент в арсенале веб-разработчика. В этой статье рассказывают интересные особенности работы и полезные хитрости DevTools в браузерах Chrome, Firefox, Edge и Safari, среди которых:

— отладка медиа-запросов;
— рекурсивное расширение узлов;
— фильтрация стилей по свойству и многое другое.

Подробнее тут:
https://tprg.ru/mSLb