​Гайд по работе с GitHub Copilot

Месяц назад вышел GitHub Copilot — инструмент, который помогает разработчикам писать код. Сервис доступен по подписке от $10 в месяц. Если хотите попробовать его в деле, то в этой статье собраны несколько полезных советов и инструкция по использованию:

https://tprg.ru/Dt6S

#github

​Селектор родительского элемента :has в CSS

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

https://ishadeed.com/article/css-has-parent-selector/

#css

Карточка продукта на чистом CSS

Интересная карточка для оформления заказа на велосипед, которая позволяет сделать это с качественной визуализацией:

https://codepen.io/cobra_winfrey/pen/OJXJeod

#codepen #css

Как сделать лучшие пропсы компонента Vue

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

https://teamhood.com/engineering/vue-js-component-props/

#фронтенд #vue

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

Интересно, это хард или софт-скилл?

​Прежде чем создать приложение, сначала нужно продумать и реализовать его структуру

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

#php

​Как настроить облако на Linux Ubuntu 20.04, 1C и Apache

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

Так вот, чтобы облегчить переход, делимся годным гайдом по настройке такого набора на примере комбинации 1С, Ubuntu и Apache. Всё с пошаговыми инструкциями, скриншотами и на примере реальной компании:

https://tproger.ru/articles/kak-nastroit-oblako-na-linux-ubuntu-20-04-1c-i-apache/

#linux

Что почитать веб-разработчику: «JavaScript. Полное руководство», Дэвида Флэнагана

В течение почти 25 лет этот бестселлер служил исчерпывающим руководством для программистов на JavaScript, и новое 7 издание издание книги полностью обновлено, чтобы охватить последние версии JavaScript.

Издание полно яркими примерами кода и новыми главами, в которых раскрываются классы, модули, итераторы, генераторы, объекты Promise и async/await.

#javascript #книги

​Как запустить мобильное приложение за три недели с помощью PWA?

PWA — промежуточная технология между сайтами и нативными мобильными приложениями. По сути, это «прокачанная» копия веб-сайта, размещенная на устройстве пользователя и не требующая отдельной разработки для iOS или Android.

Какие задачи решают PWA-приложения, есть ли у них ограничения и почему Frontend-разработчики справляются с PWA-разработкой лучше других. Читайте в статье: https://tproger.ru/articles/kak-zapustit-mobilnoe-prilozhenie-za-tri-nedeli-s-pomoshhju-pwa/

В конце материала — инструкция по интеграции прогрессивного веб-приложения в сайт.

#pwa #фронтенд

​Задачка на логику: как найти вероятность выпадения суммы выпавших значений k, если бросать n кубиков?

Есть n стандартных игральных костей. Бросаем все n кубики разом. Нужно найти вероятность выпадения числа k — суммы всех значений, выпавших на этих кубиках. Если не получается решить задачу быстро, не расстраивайтесь, на собеседовании на неё дают около 30 минут.

Алгоритм решения — на картинке, а здесь можно найти решение с подробным объяснением, в том числе и на языке JavaScript: https://habr.com/ru/post/676854/

#js

​Бэкендеры, держим спинку прямо

​История одного хакатона: как создать JS-игру с мультиплеером за 24 часа и выжить

Хитрые уловки, примеры кода и необычные оптимизации — интересная статья о том, как в ограниченных условиях создавалась полноценная игра: https://tproger.ru/articles/sozdat-js-igru-s-multipleerom-za-24-chasa-i-vyzhit/

#js #gamedev

​Разбираем свойства CSS Grid за 13 минут

Годное видео с канала Анны Блок, с помощью которого вы сможете разобраться, за что отвечают различные свойства в CSS Grid: https://youtu.be/b_cc3Blez9I?t=34

#css #фронтенд

​Делов на 30 минут, а удовольствия на целый день: создаём игру для тренировки памяти на HTML, CSS и JavaScript

Memory Game — интересная игра, с неплохим дизайном и простой реализацией. CodePen проекта: https://codepen.io/abdullahturkmen/pen/YzxmRZj

#codepen #gamedev