Web разработка

Подборка игровых движков с открытым исходным кодом javascript http://helpexe.ru/programmirovanie/top-15-luchshie-dvizhki-s-otkrytym-ishodnym-kodom

Front-End 1- Верстка сайта HTML + CSS 2- Chrome DevTools. Обзор основных возможностей веб-инспектора. 3- Знакомство с ECMASCRIPT 2015 4- Что такое Avocode? Полное руководство по Авокод за 10 минут! 5- Пособие для новичков: Как залить портфолио на хостинг 6- CSS препроцессоры — вебинар по Front-End 7- Использование CSS, JS и SVG анимации 8- React - это просто 9- Как организовать рабочую среду для эффективной Front-End разработки https://www.youtube.com/playlist?list=PLuEo4W0EBxtVyV0ycYJVLiOvwVSZXS3Iw

Кнопки с тенью на CSS3 https://codepen.io/soulwire/pen/bKens

Создаём веб-приложение с бэкендом на Django и фронтендом на React https://tproger.ru/translations/django-react-webapp/

CSS Grid 1. Введение в Grid. Базовые свойства 2. Dev tools. Grid auto rows 3. Grid auto flow, grid auto columns 4. Sizing grid. Единицы измерения fr 5. Span columns and rows 6. Размещение grid items 7. Grid auto-fill, auto-fit 8. Minmax function 9. Grid template areas 10. Именованные линии https://www.youtube.com/playlist?list=PLlwtdxQXoJAulkpmpra1jKp7wiDsqePep

Адаптивная верстка письма с нуля (email верстка) https://youtu.be/TNCaCDFKJfc

Разбор Javascript-стайлгайда от Google https://www.youtube.com/watch?v=MkKJzJzsq48&feature=emb_logo

Адаптивная таблица на чистом CSS Не секрет для любого верстальщика, что таблицы — зло. Их сложно адаптировать, кастомизировать. Если на десктопной версии сайта еще довольно легко расписать таблицу, то когда начинается адаптивная верстка — все идет в тартарары. https://blog.maxgraph.ru/2017/10/26/adaptivnaya-tablica-na-chistom-css/

Java 8 уже несколько лет с нами, и за это время большая часть проектов перешла на использование этой версии, в том числе начав использовать новые возможности языка. Но все ли научились использовать их правильно и эффективно? Активно участвуя в ревью кода, за последние годы Николай насмотрелся на достаточно общие анти-шаблоны в применении новинок Java 8. В этом докладе будут продемонстрированы на практических примерах неправильные и неэффективные техники работы с Optional, Stream и лямбдами, а также корректные способы решения изначальных задач. https://www.youtube.com/watch?v=7Iy1hVEXxsU&feature=emb_logo

Основные понятия Grid Layout https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout

Пишем HTML5-игру за 20 минут, или введение в Phaser framework https://bookflow.ru/pishem-html5-igru-za-20-minut-ili-vvedenie-v-phaser-framework/

5 новых фич JavaScript стандарта ES2020 https://medium.com/javascript-in-plain-english/here-are-5-new-javascript-features-in-es2020-that-you-should-know-857ecf03a32a

Создаём веб-приложение с бэкендом на Django и фронтендом на React https://tproger.ru/translations/django-react-webapp/

Архитектура фронтенда: Малый круг https://medium.com/front-end-in-regions-grodno/463da9064a32 Так же присоединяйтесь в наш новый канала в Yandex Messanger

Что изучать веб-разработчику Для каждой темы/инструмента есть список ресурсов, где можно всё это изучить. HTML, CSS, JS, PWA, фреймворки, тестирование, безопасность, архитектура, дизайн, алгоритмы, базы данных — всё есть: https://andreasbm.github.io/web-skills/?compact

Верстка интернет-магазина техники из PSD макета. Часть 5 | HTML, CSS https://www.youtube.com/watch?v=Hwgx-oflFUw

Использование модулей Node.js с npm и package.json https://bookflow.ru/ispolzovanie-modulej-node-js-s-npm-i-package-json/

Алгоритмы https://www.youtube.com/watch?v=ECOZDHS5DfE