​Создаём сайт портфолио с крутой анимацией

Видеоурок по созданию собственного сайта с диагональным плавным скроллом. Автор разбирает популярные техники и тренды веб-разработки, а именно:
— синхронизация вертикальных слайдов,
— CSS анимация скролла с инерцией,
— анимация при наведении.

Сайт выглядит современно и наполнен красивыми эффектами, но очень прост в реализации: https://youtu.be/oT0FN1PtmRU

#html #css #js

​Подборка книг по фронтенду для начинающих и опытных разработчиков

Ролики из YouTube или статьи — это отличная база знаний для новичков. А ещё ближе познакомиться с веб-разработкой помогут книги из этой подборки:

https://habr.com/ru/company/alfa/blog/702972/

#книги

​Полуфинал битвы языков программирования 2022 объявляется открытым

Сегодня за звание самого популярного языка поборются Python и Typescript, а также C# и Java. У веб-разработчиков ещё есть шанс подарить победу их языку программирования!

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

https://tproger.ru/articles/polufinal-bitvy-jazykov-programmirovanija-2022/

​Выпадающий список со встроенным поиском на Angular

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

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

https://medium.com/geekculture/implementing-a-search-bar-for-filtering-select-dropdowns-in-angular-63b1f2033737

#angular

​Займёт ли TypeScript третье место по версии Битвы языков программирования 2022? Всё в ваших руках

Сегодня определится итоговая тройка победителей. За третье место борются TypeScript и Java. А за первое и второе место — Python и C#.

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

https://tproger.ru/articles/final-bitvy-jazykov-programmirovanija-2022/

​Сбер ищет опытных JavaScript-разработчиков в новую команду SberDevice

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

Кого ищут:
Разработчиков с опытом от двух лет на JavaScript (TypeScript) и на React, либо на Vue.

Что предлагают:
— возможность работать удалённо;
— официальное трудоустройство;
— лучший офис страны по версии Best Office Awards 2022;
— возможность обучения за счёт компании и дальнейшего роста;
— расширенный ДМС с первого дня работы;
— возможность оформить ипотеку по низкой ставке в случае необходимости.

Если вам понравились условия, скорее оставляйте отклик: https://tprg.ru/kSWR

#вакансия #работа

​Ручной генератор снежинок

Готовитесь к новому году? Самое время украсить окна бумажными снежинками. Но если вы не знаете, как сделать тот или иной рисунок, то этот генератор вам поможет. Он покажет вам, как будет выглядеть ваша снежинка, если сделать определённые надрезы.

Попробуйте сами:

https://codepen.io/kitjenson/pen/ZERNrem

#codepen #новыйгод

​Голосование за самый популярный ЯП 2022 закончилось. И теперь мы можем узнать победителя по версии читателей Tproger

И вот как распределились места:

1. C# — первое место. «Шарпу» удалось обойти Python всего на 100 голосов, и он становится лучшим языком программирования в 2022 году!

2. Python — язык программирования, который был признан лучшим в 2020 и 2021 годах. В этом году Python занимает второе, не менее почётное место, уступив всего лишь 6% голосов C#.

3. Java — занимает третье место, набрав 1200 голосов против 845 голосов за TypeScript в финальном голосовании. Забавно, что Java получил столько голосов только в голосовании за 3/4 место. Кажется, скооперируйся его фанаты раньше, у него были все шансы побороться за 1/2 место. А вот нам немного не хватило напора, чтоб вырвать третье место.

Узнать более подробную информацию можно тут:

https://tproger.ru/articles/battl-jazykov-programmirovanija-2022-zavershilsja-2/

А ещё вы можете предложить нам какие ещё языки добавить в турнирную таблицу и что можно изменить — обязательно учтём в следующем баттле.

​Как украсить свой сайт к Новому году

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

https://tproger.ru/digest/new-year-scripts/

#фронтенд

​Когда уже сверстал страницу, а к бэкенду ещё не приступал:

​Как написать тест-раннер в 80 строк кода на JavaScript/TypeScript

Автор решил написать крошечный тест-раннер run-chewy на nodejs, чтобы лучше разобраться в основном пакете SWC и поэкспериментировать с рабочими потоками. И вот что у него в итоге получилось:

https://nuancesprog.ru/p/16522/

#qa #javascript #typescript

Новогодний паттерн для фона на чистом CSS

Просто паттерн, который вы можете использовать в качестве фона где хотите. Сделан он с помощью одного только CSS, так что не занимает практически ничего.

Посмотреть код можно здесь:

https://codepen.io/t_afif/pen/abKgOgz

#codepen #css

​ASMR программирование. Пишем игру Pacman

Хотите немного технологичного ASMR? Тогда включайте это видео и наслаждайтесь звуками механической клавиатуры, которые всего за час с небольшим создают классического Pacman’а на JavaScript. Кстати, там и код можно изучить:

https://www.youtube.com/watch?v=GXlckaGr0Eo

#видео #asmr #javascript

​Продвинутый TypeScript

И пусть в нашем баттле языков TypeScript занял лишь почётное четвёртое место, но мы то с вами знаем на что он способен и насколько хорош. А кто ещё не знает, но хочет разобраться, то обязательно читайте эту статью, которая поможет вам разобраться во всех его прелестях и особенностях:

https://angularexperts.io/blog/advanced-typescript

#typescript

​Мета-приложения и Symbiote.js

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

Подробнее обо всём этом можно узнать тут:

https://habr.com/ru/post/682580/

#фронтенд #javascript

Снежный анимированный бэкграунд

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

Подробнее можно посмотреть тут:

https://codepen.io/bawelna0225/pen/ZERwxmr

#codepen #фронтенд

SVG-фейерверки

Этот генератор фейерверков позволяет создавать их в автоматическом и ручном режиме. Посмотреть, как он работает можно тут:

https://codepen.io/creativeocean/pen/jOzKZGR

#codepen

​Как войти в блокчейн через JavaSсript: создаём свой DeFi-проект на базе JS SDK смарт-контрактов Waves Enterprise

DeFi (Decentralized Finances) — обобщённое понятие для всех сервисов, предоставляющих финансовые услуги в децентрализованном формате. Это означает, что все операции с вашими активами прозрачны, ваши средства всегда вам доступны, и наложить на них какие-либо ограничения практически невозможно. Другими словами, это одна из причин почему так важен децентрализованный интернет и технологии, о которых сегодня так много говорят.

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

https://habr.com/ru/company/web3_tech/blog/700626/

#javascript #web3

​Elm — забава или серьёзный инструмент?

Данный обзор познакомит вас с частичкой мира функциональных языков программирования, а именно с Elm — функциональным языком программирования, который компилируется во всеми любимый javascript. Кто-то узнает про этот инструмент, кто-то про то, что фронтенд — это не только HTML, CSS и JS.

Подробнее:

https://habr.com/ru/post/696718/

#elm #javascript

​Создание приложения погоды на Vue.js

Узнайте, как создать приложение погоды в Vue JS, используя Open Weather Map API и restful api для получения данных о погоде. При этом здесь также используется современный Javascript Fetch API наряду с методами и состояниями Vue JS.

Подробнее:

https://youtu.be/JLc-hWsPTUY

#видео #vue