Ускоренный курс по Next.js: от теоретического введения до фундаментальных практических аспектов.
Смотреть
Смотреть
YouTube
Next.js Crash Course
The first 20 mins of this video focuses on understanding what Next.js is, what is server side rendering, static site generation, and when you should pick Next.js for your next project. The rest of this course focuses on setting up a Next project, and showing…
👨💻📝 Как составить резюме программисту: 10 бесплатных сервисов для создания привлекательных резюме
В статье постараемся проанализировать, какими критериями пользуются рекрутеры при подборе кандидатов на IT-вакансии и из каких разделов должен состоять документ, способный приблизить вас к желаемой цели – собеседованию с работодателем.
🔗 Основной сайт
🔗 Зеркало
В статье постараемся проанализировать, какими критериями пользуются рекрутеры при подборе кандидатов на IT-вакансии и из каких разделов должен состоять документ, способный приблизить вас к желаемой цели – собеседованию с работодателем.
🔗 Основной сайт
🔗 Зеркало
Осилите слайдер на React за 45–50 минут? Слайдер должет:
— показывать изображения кошек из API с ограничением размеров;
— отображать описание или название каждого изображения;
— обеспечивать перемещение между изображениями с помощью стрелок;
— допускать смену слайда при касании на мобильных устройствах;
— осуществлял переход на любой слайд;
— включать автоматическую смену слайдов (Autoplay);
— предоставлять возможность настройки ширины и высоты слайдера;
— гарантировать отзывчивость слайдера;
— обеспечивать эффективную загрузку и быстрое отображение изображений слайдера.
https://nuancesprog.ru/p/16375/
— показывать изображения кошек из API с ограничением размеров;
— отображать описание или название каждого изображения;
— обеспечивать перемещение между изображениями с помощью стрелок;
— допускать смену слайда при касании на мобильных устройствах;
— осуществлял переход на любой слайд;
— включать автоматическую смену слайдов (Autoplay);
— предоставлять возможность настройки ширины и высоты слайдера;
— гарантировать отзывчивость слайдера;
— обеспечивать эффективную загрузку и быстрое отображение изображений слайдера.
https://nuancesprog.ru/p/16375/
NOP::Nuances of programming
Реализация слайдера изображений и текста на React.js с вариантами оптимизации
Предлагаем возможность проверить свои знания и потренироваться на скорость в реализации слайдера изображений на React.js с разными вариантами оптимизации. Отсчет пошел!
Чем заняться на длинных выходных?
❓ Можно залпом пройти все наши тесты:
— Тест на знание алгоритмов и структур данных (первый и второй)
— Тесты на знание языков: Python (первый, второй), Data Science, Java (первый, второй), PHP, Kotlin, JavaScript, C#
🐍 Либо решить все 49 задач по Python:
🧩 Словари в Python: 12 задач для начинающих с решениями
🧩 Задача о поврежденной XML-строке
🧩 Задача об определении латинского квадрата
🧩 5 классических задач по Python для начинающих с решениями
🧩 5 задач по Python для новичков с решениями
🧩 5 задач с решениями на Python для начинающих разработчиков
🧩 Словари в Python: 5 задач с решениями для изучения генераторов и методов словарей
🧩 Функции в Python: 5 задач для тренировки *args, **kwargs и lambda-функций
🧩 Обработка вложенных списков и матриц в Python: 5 задач с решениями для совершенствования навыков
🧩 Работа с файлами в Python: 5 задач для начинающих с решениями
📺 Посмотреть сериалы:
— Периферийные устройства (Кинопоиск: 7.7/10, IMDB: 8.4/10)
— Разделение (Кинопоиск: 8.7/10, IMDB: 8.4/10)
— Разрабы (Кинопоиск: 7.7/10, IMDB: 7.7/10)
💤 Или просто выспаться:
— Повышаем свою продуктивность: 6 ключевых факторов
❓ Можно залпом пройти все наши тесты:
— Тест на знание алгоритмов и структур данных (первый и второй)
— Тесты на знание языков: Python (первый, второй), Data Science, Java (первый, второй), PHP, Kotlin, JavaScript, C#
🐍 Либо решить все 49 задач по Python:
🧩 Словари в Python: 12 задач для начинающих с решениями
🧩 Задача о поврежденной XML-строке
🧩 Задача об определении латинского квадрата
🧩 5 классических задач по Python для начинающих с решениями
🧩 5 задач по Python для новичков с решениями
🧩 5 задач с решениями на Python для начинающих разработчиков
🧩 Словари в Python: 5 задач с решениями для изучения генераторов и методов словарей
🧩 Функции в Python: 5 задач для тренировки *args, **kwargs и lambda-функций
🧩 Обработка вложенных списков и матриц в Python: 5 задач с решениями для совершенствования навыков
🧩 Работа с файлами в Python: 5 задач для начинающих с решениями
📺 Посмотреть сериалы:
— Периферийные устройства (Кинопоиск: 7.7/10, IMDB: 8.4/10)
— Разделение (Кинопоиск: 8.7/10, IMDB: 8.4/10)
— Разрабы (Кинопоиск: 7.7/10, IMDB: 7.7/10)
— Повышаем свою продуктивность: 6 ключевых факторов
Please open Telegram to view this post
VIEW IN TELEGRAM
#news
Подборка обновлений популярных инструментов/библиотек для фронтенд-разработчика:
— Анонс Babel 7.20.0
— Анонс Handsontable 12.2
— Анонс Deno 1.27
— Релиз Node 14.21.0 (LTS) и Node 18.12.0 (LTS) + 11 фич Node 18, которые нужно попробовать
— Релиз Qwik 0.12.1
— Релиз Downshift 7.0.1
— Релиз NPKILL 0.9
— Релиз Wild Wild Path 3.3
— Релиз capture-website 3.2
— Релиз Mongoose 6.7.1
Подборка обновлений популярных инструментов/библиотек для фронтенд-разработчика:
— Анонс Babel 7.20.0
— Анонс Handsontable 12.2
— Анонс Deno 1.27
— Релиз Node 14.21.0 (LTS) и Node 18.12.0 (LTS) + 11 фич Node 18, которые нужно попробовать
— Релиз Qwik 0.12.1
— Релиз Downshift 7.0.1
— Релиз NPKILL 0.9
— Релиз Wild Wild Path 3.3
— Релиз capture-website 3.2
— Релиз Mongoose 6.7.1
babeljs.io
7.20.0 Released: Deno target and TypeScript 4.9 · Babel
We just published Babel 7.20.0!
Что такое realm в JavaScript? Одна из тех вещей, которую вам не обязательно знать, но которая конкретизирует ваше понимание JavaScript под капотом.
Эта статья — своего рода начало глубокого исследования, посвященного безопасности Realms. Само исследование привело к появлению вот этих проектов:
🔗 Snow
🔗 Awesome Javascript Realms Security
Эта статья — своего рода начало глубокого исследования, посвященного безопасности Realms. Само исследование привело к появлению вот этих проектов:
🔗 Snow
🔗 Awesome Javascript Realms Security
Gal Weizman
What is a realm in JavaScript?
Realms are an old concept in the JavaScript ecosystem, but with the rise of supply chain types of attacks realms became a powerful tool for attackers to bypass well known browser runtime security tools. In order to address this concern, we first must understand…
Разработка, тестирование и публикация NPM-пакета с нуля с использованием TypeScript и Jest: пошаговое руководство для фронтенд-разработчика.
Читать
Читать
📌 Если вы всегда хотите быть в курсе книжных новинок, обновлений и другой полезной информации, касающейся вашего языка или области программирования, вы можете начать читать один из наших каналов, где мы каждый день публикуем учебные материалы для разработчиков разного уровня.
😂 Канал с мемами: t.me/itmemlib
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Бот с IT-вакансиями: t.me/proglib_job_bot
🎓 Наша школа Proglib Academy: https://yangx.top/proglib_academy
📺 Наш канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Бот с IT-вакансиями: t.me/proglib_job_bot
📺 Наш канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
Please open Telegram to view this post
VIEW IN TELEGRAM
Пинг-понг на JavaScript с нуля
Автор статьи с минимальным опытом программирования реализовал популярную игру с нуля: взял из исходника только некоторые функции и концепции, полностью поменял структуру, добавил модуль с настройками, отдельно вынес все функции рисования и многое другое. В общем, получилось довольно интересно. 👇
Читать
Автор статьи с минимальным опытом программирования реализовал популярную игру с нуля: взял из исходника только некоторые функции и концепции, полностью поменял структуру, добавил модуль с настройками, отдельно вынес все функции рисования и многое другое. В общем, получилось довольно интересно. 👇
Читать
📊🔟 ТОП-10 самых высокооплачиваемых языков программирования в 2022 году
Известная платформа по поиску работы DevJobsScanner составила список самых высокооплачиваемых языков программирования. Вместе разберемся, кто же входит в первую десятку и посмотрим, какие цифры рисуют работодатели в объявлениях, чтобы привлечь специалистов.
🔗 Основной сайт
🔗 Зеркало
Известная платформа по поиску работы DevJobsScanner составила список самых высокооплачиваемых языков программирования. Вместе разберемся, кто же входит в первую десятку и посмотрим, какие цифры рисуют работодатели в объявлениях, чтобы привлечь специалистов.
🔗 Основной сайт
🔗 Зеркало
Узнайте, как интерполяция значений
Читать
grid-template-columns и grid-template-rows позволяет плавно переходить между состояниями в CSS Grid.Читать
web.dev
CSS Animated Grid Layouts | Articles | web.dev
In CSS Grid, the `grid-template-columns` and `grid-template-rows` properties allow you to define line names and track sizing of grid columns and rows, respectively. Supporting interpolation for these properties allows grid layouts to smoothly transition between…
SVG спрайты: старые, современные, неизвестные и забытые
Пришло время вернуться к старому трюку со спрайтами и найти несколько альтернативных методов из спецификации SVG.
Читать
Пришло время вернуться к старому трюку со спрайтами и найти несколько альтернативных методов из спецификации SVG.
Читать
pepelsbey.dev
SVG sprites: old-school, modern, unknown, and forgotten — Vadim Makeev
It’s time to revisit the old SVG sprites trick and dig out a few alternative methods from the SVG spec and Internet archives.
Forwarded from Библиотека Go-разработчика | Golang
📜 Основные SQL-команды и запросы с примерами, которые должен знать каждый разработчик
В небольшом обзоре разберем наиболее важные команды языка запросов SQL и сделаем шаг в сторону грамотного изучения работы с базами данных.
🔗 Основной сайт
🔗 Зеркало
В небольшом обзоре разберем наиболее важные команды языка запросов SQL и сделаем шаг в сторону грамотного изучения работы с базами данных.
🔗 Основной сайт
🔗 Зеркало
Управление содержимым веб-страницы с помощью жестов на чистом JavaScript
В руководстве рассматривается 5 примеров:
— получение данных с видеокамеры и их отрисовка на холсте (canvas);
— обнаружение и отслеживание кисти руки;
— управление "курсором" с помощью указательного пальца;
— определение жеста "щипок" (pinch);
— нажатие кнопки с помощью щипка.
Читать
В руководстве рассматривается 5 примеров:
— получение данных с видеокамеры и их отрисовка на холсте (canvas);
— обнаружение и отслеживание кисти руки;
— управление "курсором" с помощью указательного пальца;
— определение жеста "щипок" (pinch);
— нажатие кнопки с помощью щипка.
Читать
Хабр
JavaScript: управление содержимым веб-страницы с помощью жестов
Привет, друзья! Еще недавно управление содержимым веб-страницы с помощью жестов можно было наблюдать разве что в фантастических фильмах. Сегодня все, что для этого требуется — видеокамера и браузер (и...