Old but gold: стек вызовов JavaScript: объяснение с помощью иллюстраций
Стек представляет собой структуру данных, организованных по принципу LIFO, т.е. в порядке обратной очередности (last-in — first-out, последним вошел — первым вышел).
Автор статьи объясняет, как это работает в JavaScript:
https://nuancesprog.ru/p/17792/
#javascript
Стек представляет собой структуру данных, организованных по принципу LIFO, т.е. в порядке обратной очередности (last-in — first-out, последним вошел — первым вышел).
Автор статьи объясняет, как это работает в JavaScript:
https://nuancesprog.ru/p/17792/
#javascript
GitHub назвал Python самым популярным языком программирования
В прошлом году это был JavaScript, но благодаря буму ИИ и некоторым другим факторам, в 2024-м в лидерах Python.
Подробнее про статистику написали в нашем свежем материале. Там же ссылка на исследование GitHub.
В прошлом году это был JavaScript, но благодаря буму ИИ и некоторым другим факторам, в 2024-м в лидерах Python.
Подробнее про статистику написали в нашем свежем материале. Там же ссылка на исследование GitHub.
Подборка полезных материалов для тех, кто хочет лучше разбираться в веб-разработке
Здесь мы собрали для вас статьи, которые на наш взгляд помогут лучше изучить популярные технологии:
— Как использовать Redis для кэширования и очередей в веб-приложениях. Для ускорения веб-приложений есть множество инструментов и паттернов. Один из них — key-value система Redis. Рассказываем, как ее установить и настроить для повышения производительности и надежности.
— Как выбрать IDE, если вы начинающий веб-разработчик. Начинающие веб-разработчики часто сталкиваются с трудностями при выборе интегрированной среды разработки (IDE). Рассказываем, как не прогадать и не усложнить себе жизнь.
— Обзор библиотек для работы с графами в Python: NetworkX и Graph-tool. Графы применяются во множестве отраслей — от программирования до социологии. Рассматриваем две библиотеки Python для работы с графами — NetworkX и Graph-tool, а также их преимущества и недостатки.
— Margin и padding в CSS: как сразу сделать грамотно. Разбираемся в ключевых отличиях между этими важнейшими свойствами, а также знакомимся с трюками, чтобы UI / UX вашего сайта стал еще круче и грамотнее.
— 7 легендарных уравнений на JavaScript. Математика и компьютерные науки идут рука об руку. Подобрали 7 математических формул разного уровня сложности для проверки — сможете ли вы их реализовать? И на всякий случай снабдили статью нашими решениями.
— Как начать карьеру веб-разработчика. Максим Арокен делится советами с чего начать изучение веб-разработки, как не забросить в самом начале и какую дополнительную технологию изучить, чтобы легче находить заказы на фрилансе.
Сохраняйте подборку в избранном, чтобы не потерять и делитесь с друзьями-разрабами.
#подборка #redis #фронтенд #javascript #python #css
Здесь мы собрали для вас статьи, которые на наш взгляд помогут лучше изучить популярные технологии:
— Как использовать Redis для кэширования и очередей в веб-приложениях. Для ускорения веб-приложений есть множество инструментов и паттернов. Один из них — key-value система Redis. Рассказываем, как ее установить и настроить для повышения производительности и надежности.
— Как выбрать IDE, если вы начинающий веб-разработчик. Начинающие веб-разработчики часто сталкиваются с трудностями при выборе интегрированной среды разработки (IDE). Рассказываем, как не прогадать и не усложнить себе жизнь.
— Обзор библиотек для работы с графами в Python: NetworkX и Graph-tool. Графы применяются во множестве отраслей — от программирования до социологии. Рассматриваем две библиотеки Python для работы с графами — NetworkX и Graph-tool, а также их преимущества и недостатки.
— Margin и padding в CSS: как сразу сделать грамотно. Разбираемся в ключевых отличиях между этими важнейшими свойствами, а также знакомимся с трюками, чтобы UI / UX вашего сайта стал еще круче и грамотнее.
— 7 легендарных уравнений на JavaScript. Математика и компьютерные науки идут рука об руку. Подобрали 7 математических формул разного уровня сложности для проверки — сможете ли вы их реализовать? И на всякий случай снабдили статью нашими решениями.
— Как начать карьеру веб-разработчика. Максим Арокен делится советами с чего начать изучение веб-разработки, как не забросить в самом начале и какую дополнительную технологию изучить, чтобы легче находить заказы на фрилансе.
Сохраняйте подборку в избранном, чтобы не потерять и делитесь с друзьями-разрабами.
#подборка #redis #фронтенд #javascript #python #css
Playwright: Лучшая альтернатива Selenium
Selenium — это один из самых известных и широко используемых фреймворков для автоматизации тестирования веб-приложений на Python. Если вы работали с автоматизацией браузера, то наверняка знакомы с ним.
Playwright — это более современный инструмент, разработанный командой, которая ранее работала над Puppeteer в Google. Он мультиязычный и работает на Python, Node.js и Java.
В этой статье разобрали почему сегодня это лучшая (по мнению автора) альтернатива Selenium.
#playwright #selenium
Selenium — это один из самых известных и широко используемых фреймворков для автоматизации тестирования веб-приложений на Python. Если вы работали с автоматизацией браузера, то наверняка знакомы с ним.
Playwright — это более современный инструмент, разработанный командой, которая ранее работала над Puppeteer в Google. Он мультиязычный и работает на Python, Node.js и Java.
В этой статье разобрали почему сегодня это лучшая (по мнению автора) альтернатива Selenium.
#playwright #selenium
ESLint теперь поддерживает линтинг JSON и Markdown
Мы немного запозднились с новостью, тем не менее это важное обновление. ESLint стал более полезным благодаря поддержки JSON и Markdown. Это первый шаг на пути превращения проекта в универсальный линтер, как заявляют разработчики.
Подробнее об обновлении можно почитать в блоге проекта: https://eslint.org/blog/2024/10/eslint-json-markdown-support/
#eslint #новости
Мы немного запозднились с новостью, тем не менее это важное обновление. ESLint стал более полезным благодаря поддержки JSON и Markdown. Это первый шаг на пути превращения проекта в универсальный линтер, как заявляют разработчики.
Подробнее об обновлении можно почитать в блоге проекта: https://eslint.org/blog/2024/10/eslint-json-markdown-support/
#eslint #новости
Начать проходить новый курс или…
посмотреть, как течёт вода, горит огонь или как индусы на YouTube строят дом из глины за 8 часов?
Да, возвращаться к учёбе, когда вы взрослый, совсем не просто… Но покажите вашу решимость учиться и закройте все уведомления, которые появляются на экране каждую секунду: https://tprg.ru/BJMA
Реклама
посмотреть, как течёт вода, горит огонь или как индусы на YouTube строят дом из глины за 8 часов?
Да, возвращаться к учёбе, когда вы взрослый, совсем не просто… Но покажите вашу решимость учиться и закройте все уведомления, которые появляются на экране каждую секунду: https://tprg.ru/BJMA
Реклама
До шоу финала True Tech Champ осталось всего несколько дней!
Это масштабное событие не только с привычными докладами, но и крутыми айтивностями. Вы сможете проверить свои навыки, смекалку, а еще выносливость.
Участников ждут:
— Шоу с гонкой роботов в интерактивных лабиринтах
— 20+ активностей для кодеров и фанатов технологий
— Выступления спикеров, воркшопы, плохие прогерские шутки
Вам точно понравится, если вы:
— Занимаетесь разработкой
— Интересуетесь технологиями
— Планируете построить карьеру в ИТ
Когда: 8 ноября
Где: МТС Live Холл
Как: Офлайн + Онлайн
До конца регистрации несколько дней — успевайте присоединиться: https://truetechchamp.ru/conf
Это #партнёрский пост
Это масштабное событие не только с привычными докладами, но и крутыми айтивностями. Вы сможете проверить свои навыки, смекалку, а еще выносливость.
Участников ждут:
— Шоу с гонкой роботов в интерактивных лабиринтах
— 20+ активностей для кодеров и фанатов технологий
— Выступления спикеров, воркшопы, плохие прогерские шутки
Вам точно понравится, если вы:
— Занимаетесь разработкой
— Интересуетесь технологиями
— Планируете построить карьеру в ИТ
Когда: 8 ноября
Где: МТС Live Холл
Как: Офлайн + Онлайн
До конца регистрации несколько дней — успевайте присоединиться: https://truetechchamp.ru/conf
Это #партнёрский пост
Media is too big
VIEW IN TELEGRAM
Практика JavaScript: делаем целый сайт за 2 часа с нуля
Ловите полезный двухчасовой курс по созданию сайта с JavaScript, где вы:
— напишите с нуля приложение, которое сможете добавить в портфолио;
— научитесь настраивать рабочее окружение;
— поймёте зачем на самом деле нужны классы в JavaScript);
— разберётесь как принципы SOLID помогают писать расширяемый и поддерживаемый код;
— поработаете над оптимизацией приложения;
— задеплоите приложение на хостинг и сделаете многое другое.
Видео взято с YouTube, поэтому если предпочитаете смотреть там, то вот ссылка: youtu.be/0ViiJ8qTCFM
#видео #курс #javascript
Ловите полезный двухчасовой курс по созданию сайта с JavaScript, где вы:
— напишите с нуля приложение, которое сможете добавить в портфолио;
— научитесь настраивать рабочее окружение;
— поймёте зачем на самом деле нужны классы в JavaScript);
— разберётесь как принципы SOLID помогают писать расширяемый и поддерживаемый код;
— поработаете над оптимизацией приложения;
— задеплоите приложение на хостинг и сделаете многое другое.
Видео взято с YouTube, поэтому если предпочитаете смотреть там, то вот ссылка: youtu.be/0ViiJ8qTCFM
#видео #курс #javascript
Вы когда-нибудь задумывались, как уязвимость в коде может стоить миллиарды?
Carbanak — это не просто группа хакеров, это команда людей, которые превратили банковские системы в свои личные банкоматы.
Они знали всё про уязвимости, про ошибки в защищенности, о которых даже не догадывались те, кто эти системы строил.
Всего за пару лет хакеры:
— атаковали более 100 банков по всему миру;
— украли $1 млрд;
— обратили на себя внимание Европола.
В подкасте «АЙТИ КРАЙМ» мы изучили, как Carbanak обходили защиту банковских систем, используя уязвимости инфраструктуры.
Скоро мы поделимся этим расследованием. Будьте готовы — здесь нет простых историй про «хакеров из подвала». Только настоящая инженерная работа, профессионализм и поразительное понимание сложных систем.
Carbanak — это не просто группа хакеров, это команда людей, которые превратили банковские системы в свои личные банкоматы.
Они знали всё про уязвимости, про ошибки в защищенности, о которых даже не догадывались те, кто эти системы строил.
Всего за пару лет хакеры:
— атаковали более 100 банков по всему миру;
— украли $1 млрд;
— обратили на себя внимание Европола.
В подкасте «АЙТИ КРАЙМ» мы изучили, как Carbanak обходили защиту банковских систем, используя уязвимости инфраструктуры.
Скоро мы поделимся этим расследованием. Будьте готовы — здесь нет простых историй про «хакеров из подвала». Только настоящая инженерная работа, профессионализм и поразительное понимание сложных систем.
Кто есть кто: Обратные вызовы, промисы и асинхронные функции
В JavaScript есть темы, которые могут сложно поддаваться пониманию. В этой статье речь как раз пойдёт о таких.
Что это вообще такое? В каких случаях используются? Как работают? Каков их внутренний механизм? В этой статье вы раз и навсегда разберёте суть этих процессов.
#javascript
В JavaScript есть темы, которые могут сложно поддаваться пониманию. В этой статье речь как раз пойдёт о таких.
Что это вообще такое? В каких случаях используются? Как работают? Каков их внутренний механизм? В этой статье вы раз и навсегда разберёте суть этих процессов.
#javascript
SOLID... На котиках
Каждый программист хоть раз слышал о принципах SOLID. На собеседованиях и экзаменах многие пытались вспомнить, о чем же был тот самый принцип Лисков. Однако вряд ли цель преподавателей и интервьюеров — заставить нас заучивать строчки из учебников.
SOLID действительно помогает писать качественный код, когда во всем разберешься! Если вы этого еще не сделали, добро пожаловать в статью. Здесь вы ещё раз взглянете на то, как устроены всем известные принципы на примерах с котиками.
#solid
Каждый программист хоть раз слышал о принципах SOLID. На собеседованиях и экзаменах многие пытались вспомнить, о чем же был тот самый принцип Лисков. Однако вряд ли цель преподавателей и интервьюеров — заставить нас заучивать строчки из учебников.
SOLID действительно помогает писать качественный код, когда во всем разберешься! Если вы этого еще не сделали, добро пожаловать в статью. Здесь вы ещё раз взглянете на то, как устроены всем известные принципы на примерах с котиками.
#solid
Forwarded from Точка входа в программирование
Media is too big
VIEW IN TELEGRAM
Основы программирования на JS для новичков
Небольшой, но полезный курс для тех, кто только начинает вкатываться во фронтенд и JavaScript.
Чтобы вам было проще ориентироваться, мы добавили тайм-коды:
00:00 - зачем и кому нужно это видео?
00:57 - что общего у программистов и поваров?
02:26 - понятие "Алгоритм"
03:46 - понятие "Блок-схема"
05:43 - понятие "Программа"
09:33 - ПРАКТИКА, задание на подумать
12:07 - разбор Мышления Программиста
16:35 - основные элементы мышления программиста
21:57 - Как развить мышление программиста?
26:41 - Создадим блок-схему калькулятора
37:00 - ПРАКТИКА с кодом!
49:10 - пишем калькулятор
1:00:42 - что такое и как работают ФУНКЦИИ?
1:09:00 - Домашнее задание!
1:09:45 - моя реализация домашки
1:15:25 - АНОНС следующего курса по JS!
Нужны ли вам вообще тайм-коды к таким постам? Поставьте ❤, если оставляем формат и 😐, если только мешает.
#курс #javascript
Небольшой, но полезный курс для тех, кто только начинает вкатываться во фронтенд и JavaScript.
Чтобы вам было проще ориентироваться, мы добавили тайм-коды:
00:00 - зачем и кому нужно это видео?
00:57 - что общего у программистов и поваров?
02:26 - понятие "Алгоритм"
03:46 - понятие "Блок-схема"
05:43 - понятие "Программа"
09:33 - ПРАКТИКА, задание на подумать
12:07 - разбор Мышления Программиста
16:35 - основные элементы мышления программиста
21:57 - Как развить мышление программиста?
26:41 - Создадим блок-схему калькулятора
37:00 - ПРАКТИКА с кодом!
49:10 - пишем калькулятор
1:00:42 - что такое и как работают ФУНКЦИИ?
1:09:00 - Домашнее задание!
1:09:45 - моя реализация домашки
1:15:25 - АНОНС следующего курса по JS!
Нужны ли вам вообще тайм-коды к таким постам? Поставьте ❤, если оставляем формат и 😐, если только мешает.
#курс #javascript
Пишем одностраничное приложение с помощью htmx
JS-библиотеку htmx многие воспринимают как средство, которое спасает интернет от одностраничных приложений. Но автор этой статьи написал с помощью htmx простой список ToDo. После загрузки его страницы взаимодействие с сервером прекращается — всё остальное происходит локально на клиенте.
Как он это сделал? Выполнял серверный код в сервис-воркере. Сможете ли вы также? Конечно, мы вам даже инструкцию принесли:
https://habr.com/ru/companies/ruvds/articles/849854/
#htmx #javascript #html
JS-библиотеку htmx многие воспринимают как средство, которое спасает интернет от одностраничных приложений. Но автор этой статьи написал с помощью htmx простой список ToDo. После загрузки его страницы взаимодействие с сервером прекращается — всё остальное происходит локально на клиенте.
Как он это сделал? Выполнял серверный код в сервис-воркере. Сможете ли вы также? Конечно, мы вам даже инструкцию принесли:
https://habr.com/ru/companies/ruvds/articles/849854/
#htmx #javascript #html
Media is too big
VIEW IN TELEGRAM
24 CSS-проекта: Анимация загрузки, индикаторы выполнения, карточки и многое другое
Большое видео от freeCodeCamp, где вы узнаете, как сделать 24 различных проекта на CSS.
Вообще, предполагается, что это челлендж, поэтому будет круто, если вы сперва попробуете выполнить задания сами. Но если вы не знаете, как это сделать, то в этом же видео будет пошаговая инструкция. Полный список заданий с решениями оставляем в тайм-кодах ниже:
0:00:00 Добро пожаловать в CSS Challenges!
0:03:40 Задача: Цветная кнопка
0:05:45 Решение: Цветная кнопка
0:12:03 Задача: Расширяемая строка поиска
0:14:27 Решение: Расширяемая строка поиска
0:18:22 Задача: Плитка CodePen
0:19:57 Решение: Плитка CodePen
0:25:54 Задача: Анимация загрузки 1
0:27:12 Решение: Анимация загрузки 1
0:30:10 Задание: Анимация загрузки 2
0:31:30 Решение: Анимация загрузки 2
0:34:13 Задание: Мишень для стрельбы из лука
0:35:31 Решение: Мишень для стрельбы из лука
0:38:15 Задание: Карусель слов
0:39:26 Решение: Карусель слов
0:43:18 Задание: Флаг Франции
0:45:47 Решение: Флаг Франции
0:49:34 Задание: Флаг Германии
0:50:39 Решение: Флаг Германии
0:52:42 Задание: Флаг Мадагаскара
0:53:48 Решение: Флаг Мадагаскара
0:58:34 Задание: Флаг Швейцарии
1:00:25 Решение: Флаг Швейцарии
1:04:43 Задание: Флаг Японии
1:05:51 Решение: Флаг Японии
1:08:25 Задание: Флаг Швеции
1:10:31 Решение: Флаг Швеции
1:16:25 Задание: Флаг Нигера
1:18:04 Решение: Флаг Нигера
1:22:12 Задача: Верстка профиля на Github
1:24:51 Решение: Верстка профиля на Github
1:30:17 Задача: Тумблер
1:33:03 Решение: Тумблер
1:39:12 Задача: Туз пик
1:40:08 Решение: Туз пик
1:43:30 Задача: 4 Червы
1:44:29 Решение: 4 червы
1:49:21 Задание: Настраиваемый индикатор прогресса
1:51:34 Решение: Настраиваемый индикатор прогресса
1:54:55 Задание: Переворачивая карточка
1:57:42 Решение: Переворачивая карточка
2:03:02 Задание: Анимация загрузки 3
2:05:03 Решение: Анимация загрузки 3
2:08:14 Задание: Меню Instagram Stories
2:11:22 Решение: Меню Instagram Stories
2:20:26 Задание - Анимированный индикатор прогресса
2:22:43 Решение - анимированный индикатор прогресса
2:26:42 Задача - График коммитов Github
2:29:18 Решение - График коммитов Github
2:33:02 Поздравляю, вы выполнили задания по CSS!
#видео #css
Большое видео от freeCodeCamp, где вы узнаете, как сделать 24 различных проекта на CSS.
Вообще, предполагается, что это челлендж, поэтому будет круто, если вы сперва попробуете выполнить задания сами. Но если вы не знаете, как это сделать, то в этом же видео будет пошаговая инструкция. Полный список заданий с решениями оставляем в тайм-кодах ниже:
0:00:00 Добро пожаловать в CSS Challenges!
0:03:40 Задача: Цветная кнопка
0:05:45 Решение: Цветная кнопка
0:12:03 Задача: Расширяемая строка поиска
0:14:27 Решение: Расширяемая строка поиска
0:18:22 Задача: Плитка CodePen
0:19:57 Решение: Плитка CodePen
0:25:54 Задача: Анимация загрузки 1
0:27:12 Решение: Анимация загрузки 1
0:30:10 Задание: Анимация загрузки 2
0:31:30 Решение: Анимация загрузки 2
0:34:13 Задание: Мишень для стрельбы из лука
0:35:31 Решение: Мишень для стрельбы из лука
0:38:15 Задание: Карусель слов
0:39:26 Решение: Карусель слов
0:43:18 Задание: Флаг Франции
0:45:47 Решение: Флаг Франции
0:49:34 Задание: Флаг Германии
0:50:39 Решение: Флаг Германии
0:52:42 Задание: Флаг Мадагаскара
0:53:48 Решение: Флаг Мадагаскара
0:58:34 Задание: Флаг Швейцарии
1:00:25 Решение: Флаг Швейцарии
1:04:43 Задание: Флаг Японии
1:05:51 Решение: Флаг Японии
1:08:25 Задание: Флаг Швеции
1:10:31 Решение: Флаг Швеции
1:16:25 Задание: Флаг Нигера
1:18:04 Решение: Флаг Нигера
1:22:12 Задача: Верстка профиля на Github
1:24:51 Решение: Верстка профиля на Github
1:30:17 Задача: Тумблер
1:33:03 Решение: Тумблер
1:39:12 Задача: Туз пик
1:40:08 Решение: Туз пик
1:43:30 Задача: 4 Червы
1:44:29 Решение: 4 червы
1:49:21 Задание: Настраиваемый индикатор прогресса
1:51:34 Решение: Настраиваемый индикатор прогресса
1:54:55 Задание: Переворачивая карточка
1:57:42 Решение: Переворачивая карточка
2:03:02 Задание: Анимация загрузки 3
2:05:03 Решение: Анимация загрузки 3
2:08:14 Задание: Меню Instagram Stories
2:11:22 Решение: Меню Instagram Stories
2:20:26 Задание - Анимированный индикатор прогресса
2:22:43 Решение - анимированный индикатор прогресса
2:26:42 Задача - График коммитов Github
2:29:18 Решение - График коммитов Github
2:33:02 Поздравляю, вы выполнили задания по CSS!
#видео #css
This media is not supported in your browser
VIEW IN TELEGRAM
Watching-you: анимация, которая следит за вами
JS-библиотека «Watching-you» специально создана для анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. Если нужного элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.
Почитать подробнее: https://github.com/jj811208/watching-you?ref=reactjsexample.com
Посмотреть интересные примеры: https://jj811208.github.io/watching-you/
#javascript #библиотека
JS-библиотека «Watching-you» специально создана для анимаций, которые наблюдают за мышью, DOM или просто за вводимыми значениями. Если нужного элемента нет на экране, то анимация автоматически прекращает просмотр. Также библиотека поддерживает несколько фреймворков, поэтому её легко добавить в любой проект.
Почитать подробнее: https://github.com/jj811208/watching-you?ref=reactjsexample.com
Посмотреть интересные примеры: https://jj811208.github.io/watching-you/
#javascript #библиотека
This media is not supported in your browser
VIEW IN TELEGRAM
Как добавить видео с прозрачным фоном на веб-сайт
Джейк Арчибальд из Shopify поделился своими наработками по этому вопросу и предложил сразу несколько способов реализации этой возможности.
Все подробности в статье: https://jakearchibald.com/2024/video-with-transparency/
#фронтенд
Джейк Арчибальд из Shopify поделился своими наработками по этому вопросу и предложил сразу несколько способов реализации этой возможности.
Все подробности в статье: https://jakearchibald.com/2024/video-with-transparency/
#фронтенд