Forwarded from Типичный программист
Как исполняется код JavaScript и почему эти знания — суперсила веб-разработчиков?
После получения файла JavaScript с сервера код JS преобразуется в то, с чем компьютер может работать. В этом компьютеру помогают движки, встроенные в браузеры. В них и кроется суперсила использования JavaScript.
Зная тонкости преобразования кода, вы научитесь писать качественные программы, работающие без подвисаний и разумно использующие имеющиеся API. И наконец-то сможете понять, почему JavaScript может показаться странным.
Да, это не самая простая тема. Но вот несколько материалов, которые точно помогут в ней разобраться и здорово прокачать скилл работы c JavaScript:
1. Компактная статья с доступными объяснениями и крутыми анимациями: https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf
2. Серия из 19 статей на русском, после которых у вас точно не останется вопросов: https://habr.com/ru/company/ruvds/blog/337042/
#javascript #веб
После получения файла JavaScript с сервера код JS преобразуется в то, с чем компьютер может работать. В этом компьютеру помогают движки, встроенные в браузеры. В них и кроется суперсила использования JavaScript.
Зная тонкости преобразования кода, вы научитесь писать качественные программы, работающие без подвисаний и разумно использующие имеющиеся API. И наконец-то сможете понять, почему JavaScript может показаться странным.
Да, это не самая простая тема. Но вот несколько материалов, которые точно помогут в ней разобраться и здорово прокачать скилл работы c JavaScript:
1. Компактная статья с доступными объяснениями и крутыми анимациями: https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf
2. Серия из 19 статей на русском, после которых у вас точно не останется вопросов: https://habr.com/ru/company/ruvds/blog/337042/
#javascript #веб
❤2
Media is too big
VIEW IN TELEGRAM
Как тестировать JS: от А до Я
Разработка-разработкой, но приложения без тестирования далеко в прод не уйдут. Поэтому вот подходящий гайд.
В этом видео показывают, как тестировать JS-приложения с нуля до продвинутых техник. Разбираются основные подходы, как писать юнит-тесты, проверять работу React-приложений, тестировать маршруты и состояние, а также делать полное e2e тестирование. Плюс, объясняют, как находить изменения в интерфейсе с помощью инструментов для регрессионного тестирования UI.
#урок #веб #javascript #ru
Разработка-разработкой, но приложения без тестирования далеко в прод не уйдут. Поэтому вот подходящий гайд.
В этом видео показывают, как тестировать JS-приложения с нуля до продвинутых техник. Разбираются основные подходы, как писать юнит-тесты, проверять работу React-приложений, тестировать маршруты и состояние, а также делать полное e2e тестирование. Плюс, объясняют, как находить изменения в интерфейсе с помощью инструментов для регрессионного тестирования UI.
#урок #веб #javascript #ru
Вводный курс по веб-разработке
Этот курс — отличный старт для тех, кто хочет научиться программировать и разрабатывать простые веб-приложения. Всё объясняется с самого начала, так что опыт не нужен.
Вы изучите Python, SQL, основы JavaScript и работу с Django. Научитесь создавать базы данных, визуализировать данные через Matplotlib и Plotly, работать с API.
Ссылка на курс
#курс #веб #начинающим #ru
Этот курс — отличный старт для тех, кто хочет научиться программировать и разрабатывать простые веб-приложения. Всё объясняется с самого начала, так что опыт не нужен.
Вы изучите Python, SQL, основы JavaScript и работу с Django. Научитесь создавать базы данных, визуализировать данные через Matplotlib и Plotly, работать с API.
Ссылка на курс
#курс #веб #начинающим #ru
Stepik: online education
Основы веб-программирования
Наш курс предоставляет уникальную возможность объединить медицинские знания с IT навыками. Изучите основы программирования на Python и JS, а также базовые запросы SQL. Создавайте потрясающие веб-приложения на фреймворке Django, визуализируйте данные с помощью…
✍3
Что почитать веб-разработчику
— "HTML и CSS. Разработка и дизайн веб-сайтов" – Джон Дакетт. Отличное визуальное руководство для новичков по основам HTML и CSS с понятными примерами.
— "JavaScript и jQuery. Интерактивная веб-разработка" – Джон Дакетт. Ярко оформленный гайд по основам JavaScript и jQuery, идеально подходит для начинающих.
— "Выразительный JavaScript" – Марейн Хавербеке. Глубокий разбор JavaScript с примерами и практическими задачами, полезен для освоения языка.
— "Чистый код: создание, анализ и рефакторинг" – Роберт Мартин. Классика о том, как писать чистый, понятный и поддерживаемый код, важна для всех разработчиков.
— "PHP и MySQL. Разработка веб-приложений" – Люк Веллинг. Практическое руководство по созданию динамических веб-приложений с использованием PHP и MySQL.
— "Node.js в действии" – Майк Кантелон и другие. Практическое введение в серверный JavaScript, охватывающее работу с Node.js и создание веб-приложений.
#подборка #книга #веб #ru
— "HTML и CSS. Разработка и дизайн веб-сайтов" – Джон Дакетт. Отличное визуальное руководство для новичков по основам HTML и CSS с понятными примерами.
— "JavaScript и jQuery. Интерактивная веб-разработка" – Джон Дакетт. Ярко оформленный гайд по основам JavaScript и jQuery, идеально подходит для начинающих.
— "Выразительный JavaScript" – Марейн Хавербеке. Глубокий разбор JavaScript с примерами и практическими задачами, полезен для освоения языка.
— "Чистый код: создание, анализ и рефакторинг" – Роберт Мартин. Классика о том, как писать чистый, понятный и поддерживаемый код, важна для всех разработчиков.
— "PHP и MySQL. Разработка веб-приложений" – Люк Веллинг. Практическое руководство по созданию динамических веб-приложений с использованием PHP и MySQL.
— "Node.js в действии" – Майк Кантелон и другие. Практическое введение в серверный JavaScript, охватывающее работу с Node.js и создание веб-приложений.
#подборка #книга #веб #ru
✍2
Фулстек-разработка веб-сервиса на TypeScript, Reaсt, Node.js
Разработка веб-сервисов — это всегда баланс между скоростью, качеством и удобством кода. А когда дело касается фуллстек-разработки, выбор технологий и архитектуры может сильно повлиять на процесс.
Этот курс научит создавать многопользовательские веб-приложения с нуля, используя мощный стек: React, TypeScript, Node.js, PostgreSQL и множество других инструментов. Причём без воды — только практика, понятные примеры и готовый код.
Сохраняем такой маст-хэв
#курс #веб #ru
Разработка веб-сервисов — это всегда баланс между скоростью, качеством и удобством кода. А когда дело касается фуллстек-разработки, выбор технологий и архитектуры может сильно повлиять на процесс.
Этот курс научит создавать многопользовательские веб-приложения с нуля, используя мощный стек: React, TypeScript, Node.js, PostgreSQL и множество других инструментов. Причём без воды — только практика, понятные примеры и готовый код.
Сохраняем такой маст-хэв
#курс #веб #ru
Stepik: online education
Фулстек-разработка веб-сервиса на TypeScript, Reaсt, Node.js
Цель обучения — создать проект с нуля, изучив и применив технологии и архитектуру, которые обеспечивают качество и масштабируемость вашего кода, скорость разработки, а также удовольствие и радость от процесса.
❤🔥1
Шпаргалка: советы по CSS
CSS – это не просто стили, а целое искусство, где мелочи решают всё. Даже опытные разработчики иногда пропускают полезные фишки, которые могут сделать код чище и понятнее.
Например, вместо стандартного сброса стилей можно использовать
Полный список с примерами кода есть тут.
#шпаргалка #веб #css #ru
CSS – это не просто стили, а целое искусство, где мелочи решают всё. Даже опытные разработчики иногда пропускают полезные фишки, которые могут сделать код чище и понятнее.
Например, вместо стандартного сброса стилей можно использовать
unset, а для навигации – :not(), чтобы не прописывать исключения вручную. А ещё, aspect-ratio упрощает адаптивность, сохраняя пропорции элементов без сложных вычислений.Полный список с примерами кода есть тут.
#шпаргалка #веб #css #ru
❤2
Гайд по рефакторингу запросов: как ускорить работу API без переписывания всего кода
API тормозит, но переписывать код заново — не вариант? На помощь приходит рефакторинг запросов: он позволяет ускорить работу сервиса без кардинальных изменений.
Главное — разобраться, где узкие места: медленные SQL-запросы, перегруженные эндпоинты или слишком много обращений к серверу. Оптимизация индексов, кэширование через Redis и продуманная пагинация способны заметно сократить задержки.
Как всё это внедрить на практике и не сломать систему? Рассказали в статье.
#статья #веб #ru
API тормозит, но переписывать код заново — не вариант? На помощь приходит рефакторинг запросов: он позволяет ускорить работу сервиса без кардинальных изменений.
Главное — разобраться, где узкие места: медленные SQL-запросы, перегруженные эндпоинты или слишком много обращений к серверу. Оптимизация индексов, кэширование через Redis и продуманная пагинация способны заметно сократить задержки.
Как всё это внедрить на практике и не сломать систему? Рассказали в статье.
#статья #веб #ru
❤2
Open source аналог Firebase
Supabase — это платформа, которая сочетает в себе базу данных, аутентификацию, хранилище файлов и серверлес-функции. В её основе PostgreSQL, что даёт доступ к привычному SQL, поддержке JSONB и мощным расширениям.
Из полезного: Supabase автоматически генерирует API для работы с базой, а данные можно получать через SQL-запросы или REST. Есть поддержка realtime-обновлений, что удобно для чатов или динамических данных. Настройка минимальная, а функциональность сравнима с полноценным бэкендом.
#инструмент #веб #backend
Supabase — это платформа, которая сочетает в себе базу данных, аутентификацию, хранилище файлов и серверлес-функции. В её основе PostgreSQL, что даёт доступ к привычному SQL, поддержке JSONB и мощным расширениям.
Из полезного: Supabase автоматически генерирует API для работы с базой, а данные можно получать через SQL-запросы или REST. Есть поддержка realtime-обновлений, что удобно для чатов или динамических данных. Настройка минимальная, а функциональность сравнима с полноценным бэкендом.
#инструмент #веб #backend
👍3
Как работает интернет: основы архитектуры веб-сетей
Как устроен путь от ввода адреса в браузере до ответа от сервера? Там не просто «сервер отвечает» — за кулисами работает целая архитектура из балансировщиков, кэшей, API и баз данных.
Статья коротко и по делу разбирает, как устроена современная веб-инфраструктура — от фронтенда до хранилищ и масштабирования. В чем разница между REST и SOAP, зачем CDN и когда веб-сервисы стоит разделять? Всё это — простыми словами. Заглянуть стоит, как минимум для общей эрудиции.
Ссылка на статью
#теория #начинающим #веб #ru
Как устроен путь от ввода адреса в браузере до ответа от сервера? Там не просто «сервер отвечает» — за кулисами работает целая архитектура из балансировщиков, кэшей, API и баз данных.
Статья коротко и по делу разбирает, как устроена современная веб-инфраструктура — от фронтенда до хранилищ и масштабирования. В чем разница между REST и SOAP, зачем CDN и когда веб-сервисы стоит разделять? Всё это — простыми словами. Заглянуть стоит, как минимум для общей эрудиции.
Ссылка на статью
#теория #начинающим #веб #ru
❤3❤🔥1