This media is not supported in your browser
VIEW IN TELEGRAM
Оптимизация анимаций на CSS
Один из способов, который помогает улучшить производительность страницы — это вынос элементов на композитные слои. В этой статье разбираются свойства для отрисовки:
— transform для работы с элементами в композитных слоях,
— will-change, который позволяет проинформировать браузер о возможных изменениях в элементе.
#css
Один из способов, который помогает улучшить производительность страницы — это вынос элементов на композитные слои. В этой статье разбираются свойства для отрисовки:
— transform для работы с элементами в композитных слоях,
— will-change, который позволяет проинформировать браузер о возможных изменениях в элементе.
#css
👍7
Подкаст: Python и будущее программирования
Лекс Фридман выпустил большое интервью с Гвидо ван Россумом — создателем языка программирования Python. В подкасте обсудили Python 3.11, лучшие IDE для Python, GitHub Copilot, дали несколько советов начинающим и многое другое. К сожалению, видео только на английском:
https://youtu.be/-DVyjdw4t9I
#python
Лекс Фридман выпустил большое интервью с Гвидо ван Россумом — создателем языка программирования Python. В подкасте обсудили Python 3.11, лучшие IDE для Python, GitHub Copilot, дали несколько советов начинающим и многое другое. К сожалению, видео только на английском:
https://youtu.be/-DVyjdw4t9I
#python
👍9
Чем заменить Google Maps и Яндекс Карты на сайте?
Mapbox — это сервис, который позволяет создать собственный дизайн карт или просто добавить на веб-страницу уже готовое решение. Если вы хотите разнообразить свой сайт, то с помощью Mapbox, у вас легко получится заменить привычный Google Maps.
Из недостатков: сервис платный, но некоторые карты зависят от просмотров пользователей. Если это пет-проект — то есть высокая вероятность, что пользоваться Mapbox можно совершенно бесплатно. Кстати, BMW, CNN, National Geographic являются клиентами этого сервиса: https://www.mapbox.com/
#it
Mapbox — это сервис, который позволяет создать собственный дизайн карт или просто добавить на веб-страницу уже готовое решение. Если вы хотите разнообразить свой сайт, то с помощью Mapbox, у вас легко получится заменить привычный Google Maps.
Из недостатков: сервис платный, но некоторые карты зависят от просмотров пользователей. Если это пет-проект — то есть высокая вероятность, что пользоваться Mapbox можно совершенно бесплатно. Кстати, BMW, CNN, National Geographic являются клиентами этого сервиса: https://www.mapbox.com/
#it
👍5👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать интересные 3D-сцены с помощью React Three Fiber
В этой статье разбирается React Three Fiber для создания анимированной 3D-визуализации. По сути, это просто компонент, который вы можете поместить в любое приложение React.
С помощью этого руководства вы узнаете, как настраивать сцены, научитесь добавлять освещение и включение эффектов постобработки:
https://varun.ca/modular-webgl/
#react
В этой статье разбирается React Three Fiber для создания анимированной 3D-визуализации. По сути, это просто компонент, который вы можете поместить в любое приложение React.
С помощью этого руководства вы узнаете, как настраивать сцены, научитесь добавлять освещение и включение эффектов постобработки:
https://varun.ca/modular-webgl/
#react
🔥8👍1
Математическая модель предсказала лидера ЧМ по футболу в 2022 году
Используя Python и математические уравнения, разработчик из США рассчитал, кто может стать победителем на ЧМ по футболу.
Как создавалась симуляция, статистика и функция для результатов матчей рассказали в нашей статье:
https://tproger.ru/articles/matematicheskaja-model-predskazala-lidera-chm-po-futbolu-v-2022-godu/
P.S. Не используйте модель для ставок на спорт
#python
Используя Python и математические уравнения, разработчик из США рассчитал, кто может стать победителем на ЧМ по футболу.
Как создавалась симуляция, статистика и функция для результатов матчей рассказали в нашей статье:
https://tproger.ru/articles/matematicheskaja-model-predskazala-lidera-chm-po-futbolu-v-2022-godu/
P.S. Не используйте модель для ставок на спорт
#python
👍11
Примеры, упражнения и викторины на Golang
Лучший способ изучить новый язык программирования — это практика. В этом репозитории собрано более 100 задач для Go. Изначально автор создал проект для своего курса, но позже добавил упражнения для всех желающих изучить этот язык:
https://github.com/inancgumus/learngo
(16,500 звёзд)
#go
Лучший способ изучить новый язык программирования — это практика. В этом репозитории собрано более 100 задач для Go. Изначально автор создал проект для своего курса, но позже добавил упражнения для всех желающих изучить этот язык:
https://github.com/inancgumus/learngo
(16,500 звёзд)
#go
👍9❤1😁1
Почему язык программирования вторичен для новичка
«Какой язык программирования нужно учить первым?» — верноятно, это наиболее популярный вопрос среди начинающих. Действительно, очень важно выбрать язык, который интересно изучать и подходит по задачам.
Но является ли выбор языка первостепенной задачей? Ответили подробно на этот вопрос — в статье:
https://tproger.ru/articles/pochemu-jazyk-programmirovanija-vtorichen-dlja-novichka/
#советы
«Какой язык программирования нужно учить первым?» — верноятно, это наиболее популярный вопрос среди начинающих. Действительно, очень важно выбрать язык, который интересно изучать и подходит по задачам.
Но является ли выбор языка первостепенной задачей? Ответили подробно на этот вопрос — в статье:
https://tproger.ru/articles/pochemu-jazyk-programmirovanija-vtorichen-dlja-novichka/
#советы
👍12
Где сейчас искать работу за границей?
Это подборка статей, сайтов и просто каналов, в которой пользователи делятся опытом поиска работы и непосредственно сайтами с рекрутерами.
Если вы хотите найти работу удалённо или просто переехать, то сохраняйте статью в закладки, чтобы не потерять: https://tprg.ru/ea8F
#it #советы
Это подборка статей, сайтов и просто каналов, в которой пользователи делятся опытом поиска работы и непосредственно сайтами с рекрутерами.
Если вы хотите найти работу удалённо или просто переехать, то сохраняйте статью в закладки, чтобы не потерять: https://tprg.ru/ea8F
#it #советы
❤7👍2
Почему Full-stack будет в тренде в 2023 году?
Full-stack Developer — это разработчик, который создаёт техническую часть веб-приложения (бэкенд) и его интерфейс (фронтенд). По сути, это универсальный человек, который может самостоятельно разработать функциональный продукт.
Однако можно встретить мнение, что такой разработчик хуже владеет стеком технологий, чем узкопрофильный специалист. Тем не менее фуллстек-разработчики нужны и будут оставаться востребованным ещё очень долго. И вот почему:
https://tproger.ru/articles/pochemu-full-stack-budet-v-trende-v-2023-godu/
#профессии
Full-stack Developer — это разработчик, который создаёт техническую часть веб-приложения (бэкенд) и его интерфейс (фронтенд). По сути, это универсальный человек, который может самостоятельно разработать функциональный продукт.
Однако можно встретить мнение, что такой разработчик хуже владеет стеком технологий, чем узкопрофильный специалист. Тем не менее фуллстек-разработчики нужны и будут оставаться востребованным ещё очень долго. И вот почему:
https://tproger.ru/articles/pochemu-full-stack-budet-v-trende-v-2023-godu/
#профессии
👍4
Нейросеть преобразует фото людей в персонажей аниме
Интересно, как бы мы выглядели в мире аниме? В западном сегменте появилась нейросеть, которая может
сделать из вас аниме-персонажей по фотографии.
Мы уже попробовали и рассказали, как пользоваться Different Dimension Me в статье:
https://tproger.ru/articles/nejroset-preobrazuet-foto-ljudej-v-personazhej-anime/
P.S. советуем использовать VPN
#ии
Интересно, как бы мы выглядели в мире аниме? В западном сегменте появилась нейросеть, которая может
сделать из вас аниме-персонажей по фотографии.
Мы уже попробовали и рассказали, как пользоваться Different Dimension Me в статье:
https://tproger.ru/articles/nejroset-preobrazuet-foto-ljudej-v-personazhej-anime/
P.S. советуем использовать VPN
#ии
👍4🔥3
От текста к речи или как воспроизвести текст на сайтах
Web Speech API в JavaScript позволяет веб-приложениям обрабатывать голосовые данные. Данный API представляет две области функциональности: распознавание речи и синтез речи. Несмотря на ограничения в некоторых браузерах, Web Speech API можно добавить в любой веб-проект.
О том, как применить этот инструмент на практике и реализовать преобразование текста в речь на веб-странице — в статье:
https://nuancesprog.ru/p/16036/
#веб #js
Web Speech API в JavaScript позволяет веб-приложениям обрабатывать голосовые данные. Данный API представляет две области функциональности: распознавание речи и синтез речи. Несмотря на ограничения в некоторых браузерах, Web Speech API можно добавить в любой веб-проект.
О том, как применить этот инструмент на практике и реализовать преобразование текста в речь на веб-странице — в статье:
https://nuancesprog.ru/p/16036/
#веб #js
👍6✍1❤1
Идеи для пет-проектов на разных языках
Начинающим разработчикам, как правило, сложно выбрать пет-проект для саморазвития и прокачки своих навыков.
Кстати, многие популярные сервисы начинались именно с пет-проектов, например, Gmail. Если вы ещё не выбрали идею и не знаете с чего начать, то в этой статье — подборка проектов разного уровня сложности:
https://proglib.io/p/16-universalnyh-idey-dlya-pet-proektov-vne-zavisimosti-ot-yazyka-2022-10-26
#it
Начинающим разработчикам, как правило, сложно выбрать пет-проект для саморазвития и прокачки своих навыков.
Кстати, многие популярные сервисы начинались именно с пет-проектов, например, Gmail. Если вы ещё не выбрали идею и не знаете с чего начать, то в этой статье — подборка проектов разного уровня сложности:
https://proglib.io/p/16-universalnyh-idey-dlya-pet-proektov-vne-zavisimosti-ot-yazyka-2022-10-26
#it
👍13❤2
Создаём сайт портфолио с крутой анимацией
А почему бы не создать сайт-портфолио с диагональным плавным скроллом? В этом уроке автор показывает, как создать нестандартный способ синхронизации вертикальных слайдов и инверсию движения с помощью JavaScript и CSS.
Такое портфолио может стать отличной визиткой для ваших проектов:
https://youtu.be/oT0FN1PtmRU
#js #css
А почему бы не создать сайт-портфолио с диагональным плавным скроллом? В этом уроке автор показывает, как создать нестандартный способ синхронизации вертикальных слайдов и инверсию движения с помощью JavaScript и CSS.
Такое портфолио может стать отличной визиткой для ваших проектов:
https://youtu.be/oT0FN1PtmRU
#js #css
👍14
10 навыков начинающего QA-инженера. Как инструменты помогают в ручном тестировании сайтов
QA-инженеру часто приходится выполнять одну и ту же задачу. Поэтому способность выполнять рутинные таски — один из важных навыков в этой профессии. К счастью, почти для каждой такой задачи существует свой инструмент, который облегчает её и помогает сделать работу быстрее и качественнее.
В этой статье собраны 10 навыков, которые нужны QA-инженеру, а также связанные с ними инструменты:
https://tproger.ru/articles/10-navykov-nachinajushhego-qa-inzhenera-kak-instrumenty-pomogajut-v-ruchnom-testirovanii-sajtov/
#qa
QA-инженеру часто приходится выполнять одну и ту же задачу. Поэтому способность выполнять рутинные таски — один из важных навыков в этой профессии. К счастью, почти для каждой такой задачи существует свой инструмент, который облегчает её и помогает сделать работу быстрее и качественнее.
В этой статье собраны 10 навыков, которые нужны QA-инженеру, а также связанные с ними инструменты:
https://tproger.ru/articles/10-navykov-nachinajushhego-qa-inzhenera-kak-instrumenty-pomogajut-v-ruchnom-testirovanii-sajtov/
#qa
👍5
React, Angular и Vue.js — так в чём же разница?
JavaScript фреймворки развиваются быстрыми темпами, но наиболее популярными среди фронтенд-разработчиков остаются:
1. React — библиотека для разработки пользовательских интерфейсов.
2. Angular — фреймворк от Google, в котором есть все необходимые инструменты для создания веб-приложений.
3. Vue.js — прогрессивным фреймворк, который отлично подходит для реализации сложных одностраничных приложений.
Все три могут заменять друг друга в приложении и окончательный выбор фреймворка больше зависит от требований в проекте и предпочтений самого разработчика. В этой статье рассматривается архитектура, производительность в различных сценариях, экосистема и инструменты в этих фреймворках:
https://habr.com/ru/company/auriga/blog/703836/
#фронтенд
JavaScript фреймворки развиваются быстрыми темпами, но наиболее популярными среди фронтенд-разработчиков остаются:
1. React — библиотека для разработки пользовательских интерфейсов.
2. Angular — фреймворк от Google, в котором есть все необходимые инструменты для создания веб-приложений.
3. Vue.js — прогрессивным фреймворк, который отлично подходит для реализации сложных одностраничных приложений.
Все три могут заменять друг друга в приложении и окончательный выбор фреймворка больше зависит от требований в проекте и предпочтений самого разработчика. В этой статье рассматривается архитектура, производительность в различных сценариях, экосистема и инструменты в этих фреймворках:
https://habr.com/ru/company/auriga/blog/703836/
#фронтенд
👍5🌚2
Как создать Minecraft на Python?
Популярную игру достаточно просто реализовать на Python, но не без помощи сторонних библиотек. Например, используя библиотеку Ursina Engine, можно создать мир из кубков. Данная библиотека похожа на Pygame, которая позволяет создавать 2D-игры, 3D-игры.
В Ursina есть уже готовые анимации и геометрические примитивы, поэтому разработчику нужно только импортировать объекты и проработать логику игры. Как? Рассказывается в статье:
https://habr.com/ru/company/selectel/blog/704040/
#python
Популярную игру достаточно просто реализовать на Python, но не без помощи сторонних библиотек. Например, используя библиотеку Ursina Engine, можно создать мир из кубков. Данная библиотека похожа на Pygame, которая позволяет создавать 2D-игры, 3D-игры.
В Ursina есть уже готовые анимации и геометрические примитивы, поэтому разработчику нужно только импортировать объекты и проработать логику игры. Как? Рассказывается в статье:
https://habr.com/ru/company/selectel/blog/704040/
#python
👍7😁3
5 принципов читаемого кода: KISS, YAGNI, DRY, BDUF и Бритва Оккама
Мы ни раз рассказывали про принципы SOLID, о которых должен знать каждый разработчик, но на самом деле принципов намного больше. Их использование поможет вам не только в развитии, но и позволит стать лучшим программистом!
На примерах на React и JavaScript объяснили наиболее популярные из них — в статье:
https://tproger.ru/articles/5-principov-chitaemogo-koda-kiss-yagni-dry-bduf-i-britva-okkama/
#it
Мы ни раз рассказывали про принципы SOLID, о которых должен знать каждый разработчик, но на самом деле принципов намного больше. Их использование поможет вам не только в развитии, но и позволит стать лучшим программистом!
На примерах на React и JavaScript объяснили наиболее популярные из них — в статье:
https://tproger.ru/articles/5-principov-chitaemogo-koda-kiss-yagni-dry-bduf-i-britva-okkama/
#it
👍14
Как правильно тестировать методы REST API?
REST API — это способ взаимодействия приложений с сервером. Без тестирования API разработчики не могут быть уверены, правильно ли работает их программа или нет. Каждый тест состоит из тестовых шагов и для каждого запроса API тест должен выполнять определённые действия.
Как правильно тестировать запросы и сам чек-лист проверок — в статье:
https://habr.com/ru/post/704090/
#бэкенд #тестирование
REST API — это способ взаимодействия приложений с сервером. Без тестирования API разработчики не могут быть уверены, правильно ли работает их программа или нет. Каждый тест состоит из тестовых шагов и для каждого запроса API тест должен выполнять определённые действия.
Как правильно тестировать запросы и сам чек-лист проверок — в статье:
https://habr.com/ru/post/704090/
#бэкенд #тестирование
👍8