Web разработка

Ускоренный отбор в Яндекс – Intern week offer 🔥 В рамках нового проекта начинающие разработчики смогут пройти собеседования и получить приглашение на стажировку всего за 7 дней. Чтобы пройти отбор, нужно решить контест, пройти технические секции и финалы. Направления: Backend, Frontend или Mobile Условия: стажировка оплачивается, длится от 3 до 6 месяцев, и вы можете выбрать занятость 20, 30 или 40 часов в неделю. Иногородним стажёрам мы оплачиваем проезд и проживание, а тех, кто хорошо себя проявит, будем рады видеть в штате. Крайний срок подачи заявки и решения контеста – 30 октября. 👉Подать заявку: https://clck.ru/32RPZK

Interpolate Between Paths (draw with your pointer) Анимация позволяющая делать наброски галограмм. Реализована с помощью JavaScript. #анимация #css #javascript

👉 @frontendquiz - задачи с собеседований по фронтенду. Задачи, тесты и теоретические вопросы по Frontend. Можно быстро проверить себя и обсудить решение с другими разработчиками. Публикуем на канале: ⚡️ребята делятся опытом разработки ⚡️фрагменты кода ⚡️интересные задачи с разбором решений ⚡️тренды разработки ⚡️свежие новости 👉 Изучайте Frontend и прокачивайте свой hard skill вместе с профессионалами. Присоединитесь к @frontend_mind Проверь свои знания.

Анимация загрузки, напоминающая морскую волну. Пример применения: 🔶 ожидание загрузки фильма; 🔶 ожидание открытия электронной книги; 🔶 запуск приложения. #загрузки #ожидание #прелоадер

Player/User Cards Карточки игроков (пользователей) с просмотром дополнительной информации при наведении курсора мыши. Реализованы на чистом CSS. #css

Rotating links/buttons with text placed on a circular path Вращающиеся ссылки/кнопки с текстом, расположенным по круговой траектории. Реализован на чистом CSS. #кнопка #css

Wifi Signal animations Элементы созданы на canvas и анимированы в JS.

Clone-wars – репозиторий с более чем 100 клонов популярных сайтов с открытым исходным кодом Здесь вы найдёте клоны таких сайтов как Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube и т. д. ⚙️ Ссылка на проект #Interesting #Archive @htmlcssjavas

3D Room - Pure CSS Вращающаяся 3D-комната. Написана на чистом CSS. #анимация #css

Marquee Бегущая строка, реализованная с помощью SCSS и языка разметки Haml, без использования JavaScript #codepen #scss #ui_элементы 👉 @frontend_formula 👇Код доступен по кнопке👇

PhpQuiz - канал на котором публикуются интересные задачки по php, архитектуре, psr-стандартам и фреймворкам. Публикуем на канале: ⚡️ребята делятся опытом разработки ⚡️фрагменты кода ⚡️интересные задачи с разбором решений ⚡️тренды разработки ⚡️свежие новости Проверь свои знания PHP

​Screenshoter-WEB – python-скрипт с графическим интерфейсом на qt5 для создания скриншотов веб сайтов в необходимом разрешении и с необходимым масштабом ⤷ Ссылка на проект GitHub | #Interesting #Web #Browser

​sshuttle – Прозрачный прокси-сервер, который работает как VPN но через ssh Не требует root, Работает с GNU/Linux, BSD и MacOS. Поддерживает туннелирование DNS ⤷ Ссылка на проект GitHub | #VPN #Linux #MacOS #DNS #Interesting

Новые методы массива Клонирование или копирование - очень распространенная операция в JavaScript. На данный момент самым популярным способом копирования является использование оператора spread(...). Он очень удобен и при изменении скопированного массива, исходный не будет изменяться.  const myArray = [ 1, 2, 3]; const newArray = [...myArray]; Поскольку клонирование часто используемая операция, в новой спецификации было предложено добавить множество новых способов копирования с последующим изменением массива:  - toReversed - копирует массив, а затем переворачивает; - toSorted - копирует массив, а затем сортирует; - toSpliced - копирует массив и удаляет элементы и/или добавляет новые элементы (то же самое, что и метод splice, только без изменения исходного массива); - with - копирует массив и добавляет в него новый элемент. Подробнее читайте в статье! Ссылка на статью #js

Строим взаимодействие систем на PHP с помощью GraphQL https://tproger.ru/articles/stroim-vzaimodejstvie-sistem-na-php-s-pomoshhju-graphql/ @htmlcssjavas

Создание HTML5 игр с помощь Phaser 3 и JavaScript 1. Промо ролик курса 2. Введение в курс 3. Установка и запуск PhaserEditor2d 4. Запускаем демо проект 5. Создаем новый проект 6. Добавляем спрайты на сцену 7. Структура проекта (часть 1) 8. Введение в объекты и классы 9. Структура проекта (часть 2) 10. Перемещение игрока #video #html https://www.youtube.com/watch?v=W8wcz8fdwTc&list=PLNtbY2SklBywJIkD7BH3vC6aIlFLsn6DD

HTML, JavaScript, YandexAPI и щепотку Bootstrap Думаю, что все знают про YandexAPI, но знать недостаточно, надо применять. Сегодня разберу небольшую задачу, которая заключается в следующем: необходимо создать форму, для ввода адресов точек отправления и прибытия; создать карту и построить маршрут от точки отправления до точки прибытия. Покажу одну из возможных реализаций на языке JavaScript, создам форму на HTML и приправлю все немножечко Bootstrap v5. Что необходимо отобразить на странице для выполнения задачи: поле ввода для точки отправления; поле ввода для точки прибытия; кнопку подтверждения отправки формы; область для вывода карты с информацией откуда и куда в виде карточки, где карта располагается сверху, а прочая информация ниже. ➡️ Читать дальше @htmlcssjavas

​SpaceX-REST-API – API для получения данных о ракетах, капсулах, пусковых площадках и т.д. компании SpaceX ⤷ Ссылка на проект GitHub | #Interesting #JavaScript

🔥 Хотите стать фулстек-разработчиком на JavaScript с с зарплатой от 165 000 ₽? 🧠 Тогда начните получать первые знания уже 7 сентября в 20:00 на открытом уроке 📚 На занятии с экспертом-практиком мы разберем два популярных способа расположения элементов макета, рассмотрим их плюсы и минусы и узнаем разные примеры применения ✅ Вебинар пройдет в рамках специализации «Fullstack Developer» OTUS, онлайн-курса для тех, кто хочет начать заниматься JavaScript-разработкой 👉Регистрируйтесь на занятие и готовьте вопросы преподавателю https://otus.pw/qj8c/ Реклама. Информация о рекламодателе на сайте otus.ru