Web Stack

Изучаешь фронтенд, но не хватает практики? Лаборатория фронтенд-разработки — практический способ быстрого освоения, закрепления и развития навыков разработки на JS и React. В отличие от курсов и школ, мы не будем в сотый раз рассказывать одно и то же и грузить теорией, которую вы уже знаете. Вместо этого вы будете работать над тремя практическим проектами под чутким руководством наставника, которому всегда можно задать вопрос и обратиться за помощью. Участвуя в Лаборатории, вы за 2–6 месяцев прокачаетесь на практике как junior-разработчик и получите опыт командной разработки.

Переходы между страницами: креативные примеры, ресурсы и некоторые советы https://www.awwwards.com/page-transitions-creative-examples-resources-and-some-tips.html

Как сделать презентацию на движке Shower: быстрый старт, шаблон, элементы и устройство темы https://www.youtube.com/watch?v=tyHitZ6H9jY

Красота крошечных улучшений в CSS https://ishadeed.com/article/tiny-enhancements-in-css/

​​Начните работать с ReactJS уже 9 марта на демо-занятии с Никитой Овчинниковым. Вы познакомитесь с сильными и слабыми сторонами фреймворка и приступите к его использованию. ❗️Демо-занятие является частью программы онлайн-курса «React.js Developer», который поможет вам эффективно решать задачи фронтенда. 👉🏻Пройдите вступительный тест, чтобы зарегистрироваться на урок: https://otus.pw/1ikb/

Создавайте адаптивные эффекты изображения с помощью градиентов CSS и aspect-ratio https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/

Проверка доступности сайта: обзор инструментов для accessibility testing https://dou.ua/forums/topic/32847/

Воссоздание ландшафта реального мира с помощью React, Three.js и WebGL шейдеров https://techblog.geekyants.com/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1

Реальные макеты для вёрстки - это канал, где собраны примеры реальных макетов, которые заказчики присылают верстальщику. Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами!

Создание бесконечной круговой галереи с использованием WebGL с шейдерами OGL и GLSL https://tympanus.net/codrops/2021/02/23/creating-an-infinite-circular-gallery-using-webgl-with-ogl-and-glsl-shaders/

Стилизация символов CSS с помощью Background-Clip https://levelup.gitconnected.com/css-character-styling-using-background-clip-a1c512ad6d20

​​Друзья! Где получить углубленные навыки JavaScript разработки? 10 марта на демо-занятии «Vue 3» Михаил Кузнецов познакомит вас с возможностями новой версии одного из самых популярных фронтенд фреймворков. На открытом уроке: - рассмотрим ключевые отличия в синтаксисе vue2 от vue3; - разберем как работать с vue-router и VueX в новой версии фреймворка; - cоздадим проект на Vue 3 с нуля с помощью Vue-cli. Демо-урок — возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» и преподавателем. Пройдите вступительный тест, чтобы принять участие в занятии https://otus.pw/wYzl/

Настигнет ли Deno в 2021 году NodeJS? https://blog.bitsrc.io/will-deno-catchup-with-nodejs-in-2021-7ab758429647

10 самых популярных методов взлома веба в 2020 году https://portswigger.net/research/top-10-web-hacking-techniques-of-2020

Полное руководство по SEO для начинающих https://mangools.com/blog/learn-seo/

Microsoft Edge ждёт обновление: появятся виджеты, поиск по вкладкам и меню расширений https://tproger.ru/news/microsoft-edge-zhdjot-obnovlenie-pojavjatsja-vidzhety-poisk-po-vkladkam-i-menju-rasshirenij/

Полезные советы и горячие клавиши в DevTools (Chrome, Firefox, Edge) https://www.smashingmagazine.com/2021/02/useful-chrome-firefox-devtools-tips-shortcuts/

@remote_ru - одна из самых качественных, русскоязычных лент вакансий с удаленной работой.

Что нужно знать о CSS-in-JS на 2021 год https://www.telerik.com/blogs/what-you-need-to-know-css-in-js-2021

GitHub создал сервис для 3D-визуализации аккаунтов пользователей https://tproger.ru/news/github-sozdal-servis-dlja-3d-vizualizacii-akkauntov-polzovatelej/