Использование модулей Node.js с npm и package.json
https://bookflow.ru/ispolzovanie-modulej-node-js-s-npm-i-package-json/
https://bookflow.ru/ispolzovanie-modulej-node-js-s-npm-i-package-json/
bookflow.ru
Использование модулей Node.js с npm и package.json
Благодаря таким функциям, как оперативное выполнение ввода/вывода и его широко известному синтаксису JavaScript, Node.js быстро стал популярной рабочей средой для разработки веб-приложений на стороне сервера.
Верстка интернет-магазина техники из PSD макета. Часть 5 | HTML, CSS
https://www.youtube.com/watch?v=Hwgx-oflFUw
https://www.youtube.com/watch?v=Hwgx-oflFUw
YouTube
Верстка интернет-магазина техники из PSD макета. Часть 5 | HTML, CSS
5-й урок из серии по верстке интернет-магазина с пошаговым и подробным объяснением для начинающих. Макет из PSD. Работа с Avocode. Использование CSS препроцессора SCSS.
Получить макет и коды уроков: https://vk.com/app5898182_-40137828#s=714361
::: О ПРОЕКТЕ…
Получить макет и коды уроков: https://vk.com/app5898182_-40137828#s=714361
::: О ПРОЕКТЕ…
Что изучать веб-разработчику
Для каждой темы/инструмента есть список ресурсов, где можно всё это изучить. HTML, CSS, JS, PWA, фреймворки, тестирование, безопасность, архитектура, дизайн, алгоритмы, базы данных — всё есть:
https://andreasbm.github.io/web-skills/?compact
Для каждой темы/инструмента есть список ресурсов, где можно всё это изучить. HTML, CSS, JS, PWA, фреймворки, тестирование, безопасность, архитектура, дизайн, алгоритмы, базы данных — всё есть:
https://andreasbm.github.io/web-skills/?compact
andreasbm.github.io
Web Skills
A visual overview of useful skills to learn as a web developer
Архитектура фронтенда: Малый круг
https://medium.com/front-end-in-regions-grodno/463da9064a32
Так же присоединяйтесь в наш новый канала в Yandex Messanger
https://medium.com/front-end-in-regions-grodno/463da9064a32
Так же присоединяйтесь в наш новый канала в Yandex Messanger
Medium
Response to
Плавно переходим к малому кругу и речь пойдет о визуальных компонентах, т.е. непосредственно о пользовательском интерфейсе (UI). Подробнее…
Создаём веб-приложение с бэкендом на 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.