Создаём веб-приложение с бэкендом на Django и фронтендом на React
https://tproger.ru/translations/django-react-webapp/
https://tproger.ru/translations/django-react-webapp/
Tproger
Бэкенд на Django и фронтенд на React: пишем приложение
Напишем приложение с бэкендом на Django и фронтендом на React. Создаём REST API на Джанго, добавляем React и соединяем в один проект.
Пишем HTML5-игру за 20 минут, или введение в Phaser framework
https://bookflow.ru/pishem-html5-igru-za-20-minut-ili-vvedenie-v-phaser-framework/
https://bookflow.ru/pishem-html5-igru-za-20-minut-ili-vvedenie-v-phaser-framework/
bookflow.ru
Пишем HTML5-игру за 20 минут, или введение в Phaser framework
Разработка стильных, модных и молодежных HTML5 приложений с помощью нового фреймворка Phaser. В ней описан процесс установки библиотеки и создание классической игры Pong.
Основные понятия Grid Layout
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
MDN Web Docs
Основные понятия Grid Layout - CSS: каскадные таблицы стилей | MDN
Грид-раскладка (CSS Grid Layout) представляет собой двумерную систему сеток в CSS. Гриды подойдут и для верстки основных областей страницы, и небольших элементов пользовательского интерфейса. Эта статья даёт общее представление о грид-раскладке и новой терминологии…
Java 8 уже несколько лет с нами, и за это время большая часть проектов перешла на использование этой версии, в том числе начав использовать новые возможности языка. Но все ли научились использовать их правильно и эффективно? Активно участвуя в ревью кода, за последние годы Николай насмотрелся на достаточно общие анти-шаблоны в применении новинок Java 8. В этом докладе будут продемонстрированы на практических примерах неправильные и неэффективные техники работы с Optional, Stream и лямбдами, а также корректные способы решения изначальных задач.
https://www.youtube.com/watch?v=7Iy1hVEXxsU&feature=emb_logo
https://www.youtube.com/watch?v=7Iy1hVEXxsU&feature=emb_logo
YouTube
Николай Алименков — Java 8: Хороший, плохой, злой
Java 8 уже несколько лет с нами, и за это время большая часть проектов перешла на использование этой версии, в том числе начав использовать новые возможности...
Адаптивная таблица на чистом CSS
Не секрет для любого верстальщика, что таблицы — зло. Их сложно адаптировать, кастомизировать. Если на десктопной версии сайта еще довольно легко расписать таблицу, то когда начинается адаптивная верстка — все идет в тартарары.
https://blog.maxgraph.ru/2017/10/26/adaptivnaya-tablica-na-chistom-css/
Не секрет для любого верстальщика, что таблицы — зло. Их сложно адаптировать, кастомизировать. Если на десктопной версии сайта еще довольно легко расписать таблицу, то когда начинается адаптивная верстка — все идет в тартарары.
https://blog.maxgraph.ru/2017/10/26/adaptivnaya-tablica-na-chistom-css/
Верстаем.онлайн
Адаптивная таблица на чистом CSS — Верстаем.онлайн
В этой статье рассказывается, как можно адаптировать html-таблицу с помощью CSS
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
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
Создаём веб-приложение с бэкендом на Django и фронтендом на React
https://tproger.ru/translations/django-react-webapp/
https://tproger.ru/translations/django-react-webapp/
Tproger
Бэкенд на Django и фронтенд на React: пишем приложение
Напишем приложение с бэкендом на Django и фронтендом на React. Создаём REST API на Джанго, добавляем React и соединяем в один проект.
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
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
YouTube
Front-end
Все про верстку та Front-end розробку.
Подборка игровых движков с открытым исходным кодом javascript
http://helpexe.ru/programmirovanie/top-15-luchshie-dvizhki-s-otkrytym-ishodnym-kodom
http://helpexe.ru/programmirovanie/top-15-luchshie-dvizhki-s-otkrytym-ishodnym-kodom
helpexe.ru
Top 15: лучшие движки с открытым исходным кодом javascript
Хотя вопрос, если "Javascript медленный?" это очень субъективный вопрос, потому что он работает в браузере клиента или полностью зависит от аппаратного и
The_Road_to_React_Your_journey_to_master_plain_yet_pragmatic_React.pdf
850 KB
The Road to React (2020)
Particles.js - библиотека для создания красивых плавающих частиц на веб-странице.
https://vincentgarreau.com/particles.js
https://vincentgarreau.com/particles.js
particles.js
particles.js - A lightweight JavaScript library for creating particles
A lightweight JavaScript library for creating particles.
3 безумно простых способа переключить сайт в темный режим
Темные темы в последнее время набрали популярность - вот свежая статья про базовые способы организации переключения сайта на темную/светлую тему.
https://webformyself.com/3-bezumno-prostyx-sposoba-pereklyuchit-sajt-v-temnyj-rezhim/
Темные темы в последнее время набрали популярность - вот свежая статья про базовые способы организации переключения сайта на темную/светлую тему.
https://webformyself.com/3-bezumno-prostyx-sposoba-pereklyuchit-sajt-v-temnyj-rezhim/
Webformyself
3 безумно простых способа переключить сайт в темный режим
Темный режим: что это такое и 3 простых способа, как переключить его на сайте. Настройки системы. Тема в зависимости от времени суток. Ручное переключение