Туториал по созданию таск-менеджера на Next.js, React, Prisma и MongoDB от freeCodeCamp
Как понятно из названия, стек: Next.js, React, Prisma и MongoDB. Само видео идет аж 5 часов на английском, но все объясняется простым языком и очень подробно. К тому же, нейроперевод вам в помощь :)
Код: https://github.com/Maclinz/todoapp_fullstack
Видео: https://www.youtube.com/watch?v=OHvfgaDl-yY
@tproger_web #туториал
Как понятно из названия, стек: Next.js, React, Prisma и MongoDB. Само видео идет аж 5 часов на английском, но все объясняется простым языком и очень подробно. К тому же, нейроперевод вам в помощь :)
Код: https://github.com/Maclinz/todoapp_fullstack
Видео: https://www.youtube.com/watch?v=OHvfgaDl-yY
@tproger_web #туториал
Что лучше: Map или Object?
Объекты в JavaScript способны на всё. Нет, серьёзно, это просто всемогущая сущность с точки зрения языка. Но даже если объект может всё, это не значит, что его нужно использовать повсеместно.
Например, если вы собираетесь хранить пары ключ-значения, то для этого лучше использовать map и вот почему: https://www.builder.io/blog/maps
@tproger_web #javascript
Объекты в JavaScript способны на всё. Нет, серьёзно, это просто всемогущая сущность с точки зрения языка. Но даже если объект может всё, это не значит, что его нужно использовать повсеместно.
Например, если вы собираетесь хранить пары ключ-значения, то для этого лучше использовать map и вот почему: https://www.builder.io/blog/maps
@tproger_web #javascript
Азбука SQL: подборка полезных статей по SQL
1. Создаем базу данных и первую таблицу: https://proglib.io/p/azbuka-sql-v-primerah-chast-1-sozdaem-bazu-dannyh-i-pervuyu-tablicu-2023-11-17
2. Ограничения, которые упрощают жизнь: https://proglib.io/p/azbuka-sql-v-primerah-chast-2-ogranicheniya-kotorye-uproshchayut-zhizn-2023-11-21
3. Обрабатываем результаты и делаем сложные запросы: https://proglib.io/p/azbuka-sql-v-primerah-chast-3-obrabatyvaem-rezultaty-i-delaem-slozhnye-zaprosy-2024-01-19
@tproger_web #sql #бд
1. Создаем базу данных и первую таблицу: https://proglib.io/p/azbuka-sql-v-primerah-chast-1-sozdaem-bazu-dannyh-i-pervuyu-tablicu-2023-11-17
2. Ограничения, которые упрощают жизнь: https://proglib.io/p/azbuka-sql-v-primerah-chast-2-ogranicheniya-kotorye-uproshchayut-zhizn-2023-11-21
3. Обрабатываем результаты и делаем сложные запросы: https://proglib.io/p/azbuka-sql-v-primerah-chast-3-obrabatyvaem-rezultaty-i-delaem-slozhnye-zaprosy-2024-01-19
@tproger_web #sql #бд
Обзор types-spring — библиотеки-надстройки над TypeScript, улучшающей безопасность и удобство использования встроенных типов
К сожалению, TypeScript не идеален: несмотря на всю его продуманность, он имеет много проблем и недоработок, которые обсуждаются в сообществе годами, но так и остаются нерешенными.
Types-spring ставит перед собой цель нивелировать как можно больше таких недоработок. Это своего рода патч над TypeScript, который расширяет встроенные типы, делая их более точными и полезными для разработчика.
В статье рассказали, что за библиотека и как её использовать: https://tproger.ru/articles/obzor-biblioteki-types-spring
@tproger_web #typescript #инструменты
К сожалению, TypeScript не идеален: несмотря на всю его продуманность, он имеет много проблем и недоработок, которые обсуждаются в сообществе годами, но так и остаются нерешенными.
Types-spring ставит перед собой цель нивелировать как можно больше таких недоработок. Это своего рода патч над TypeScript, который расширяет встроенные типы, делая их более точными и полезными для разработчика.
В статье рассказали, что за библиотека и как её использовать: https://tproger.ru/articles/obzor-biblioteki-types-spring
@tproger_web #typescript #инструменты
Как быстрее расти в разработке? Джун и Сеньор поделились своим мнением
Придя в новую сферу, легко наломать дров. Чтобы этого избежать полезно прислушиваться к мнению коллег, которые уже успели совершить свои ошибки или, наоборот, нашли удачные способы качественно выполнять поставленные задачи.
Алина и Алексей имеют разный опыт разработки и по-разному смотрят на стопперы и возможности. Посмотрите какие основные сложности они выделяют, чтобы заранее быть готовым к ним:
https://vc.ru/u/1411800-nj-soft/596008-kak-bystree-rasti-v-razrabotke-my-pogovorili-ob-etom-s-senorom-i-dzhunom-i-sravnili-ih-otvety
@tproger_web #советы
Придя в новую сферу, легко наломать дров. Чтобы этого избежать полезно прислушиваться к мнению коллег, которые уже успели совершить свои ошибки или, наоборот, нашли удачные способы качественно выполнять поставленные задачи.
Алина и Алексей имеют разный опыт разработки и по-разному смотрят на стопперы и возможности. Посмотрите какие основные сложности они выделяют, чтобы заранее быть готовым к ним:
https://vc.ru/u/1411800-nj-soft/596008-kak-bystree-rasti-v-razrabotke-my-pogovorili-ob-etom-s-senorom-i-dzhunom-i-sravnili-ih-otvety
@tproger_web #советы
This media is not supported in your browser
VIEW IN TELEGRAM
ChatGPT попросили нарисовать слово «Honda» символами ASCII, но у ChatGPT не получалось...
Когда ИИ восстанет, автора этих сообщений явно помилуют.
@tproger_web
Когда ИИ восстанет, автора этих сообщений явно помилуют.
@tproger_web
Интересный codepen-проект: Balloon Bears
Это небольшая игра, написанная на React с использованием gsap.
Исходники: https://codepen.io/jh3y/pen/NWOLyGd
#codepen
Это небольшая игра, написанная на React с использованием gsap.
Исходники: https://codepen.io/jh3y/pen/NWOLyGd
#codepen
Без каких знаний не обойтись бэкендеру в 2024 году?
Изучать бэкенд с нуля и даже актуализировать уже имеющиеся знания и навыки — задачка не из простых. Мало того, что основное время уходит на работу и дом, нужно постоянно следить за трендами разработки, чтобы оставаться востребованным специалистом.
Выбрать стек для обучения тоже непросто: языков, технологий, библиотек и фреймворков столько, что глаза разбегаются.
Мы попросили мидл- и сеньор-бэкендеров ответить на вопросы:
— Что должен был уметь бэкендер в 2024 году?
— Какие тренды в бэкенде в 2024 году?
— Что нужно изучить, чтобы прокачаться?
— Специалистов какого стека не хватает на рынке?
Вот что они ответили: https://tproger.ru/articles/backend-2024
@tproger_web #тренды
Изучать бэкенд с нуля и даже актуализировать уже имеющиеся знания и навыки — задачка не из простых. Мало того, что основное время уходит на работу и дом, нужно постоянно следить за трендами разработки, чтобы оставаться востребованным специалистом.
Выбрать стек для обучения тоже непросто: языков, технологий, библиотек и фреймворков столько, что глаза разбегаются.
Мы попросили мидл- и сеньор-бэкендеров ответить на вопросы:
— Что должен был уметь бэкендер в 2024 году?
— Какие тренды в бэкенде в 2024 году?
— Что нужно изучить, чтобы прокачаться?
— Специалистов какого стека не хватает на рынке?
Вот что они ответили: https://tproger.ru/articles/backend-2024
@tproger_web #тренды
Forwarded from IT Юмор
Состоялся релиз Puter — браузерной среды рабочего стола
Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.
Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.
Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».
Разработчики развернули демоверсию Puter: https://puter.com/
В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.
Код проекта есть на GitHub: https://github.com/HeyPuter/puter
@tproger_web #javascript #инструменты
Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.
Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.
Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».
Разработчики развернули демоверсию Puter: https://puter.com/
В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.
Код проекта есть на GitHub: https://github.com/HeyPuter/puter
@tproger_web #javascript #инструменты
Правило Парето на максималках
Про принцип Парето слышали все, но далеко не у всех он работает. Рассказываем, что нужно сделать, чтобы превратить правило 80/20 в действительно эффективный инструмент. А также кому это правило не поможет: https://tprg.ru/L5OE
@tproger_web #советы
Про принцип Парето слышали все, но далеко не у всех он работает. Рассказываем, что нужно сделать, чтобы превратить правило 80/20 в действительно эффективный инструмент. А также кому это правило не поможет: https://tprg.ru/L5OE
@tproger_web #советы
Солнце: Я самый тяжелый объект в своей системе.
Нейтронная звезда: Я самый тяжелый объект на несколько десятков тысяч световых лет.
Черная дыра: Я самый тяжелый объект в галактике.
node_modules:
Нейтронная звезда: Я самый тяжелый объект на несколько десятков тысяч световых лет.
Черная дыра: Я самый тяжелый объект в галактике.
node_modules:
Как выучить CSS и HTML и стать фронтендером бесплатно, не покупая курсы от онлайн-школ
Можно ли выучить CSS и HTML и стать фронтендером бесплатно, не покупая курсы от онлайн-школ? Узнали у экспертов, какими источниками пользоваться, чтобы начать карьеру во фронтенде: https://tproger.ru/articles/kak-besplatno-vyuchit-html-i-css
#фронтенд
Можно ли выучить CSS и HTML и стать фронтендером бесплатно, не покупая курсы от онлайн-школ? Узнали у экспертов, какими источниками пользоваться, чтобы начать карьеру во фронтенде: https://tproger.ru/articles/kak-besplatno-vyuchit-html-i-css
#фронтенд
Какую профессию вы бы выбрали, если бы не IT?
Представьте, что профессии фронтендера, бэкендера, сисадмина, да и всего IT никогда не существовало. Чем бы вы занялись и какую профессию освоили?
@tproger_web #обсуждение
Представьте, что профессии фронтендера, бэкендера, сисадмина, да и всего IT никогда не существовало. Чем бы вы занялись и какую профессию освоили?
@tproger_web #обсуждение
Google Chrome начнет защищать от фишинга в реальном времени
Google объявила войну злодеям в интернете, внедрив новые возможности в свой браузер Chrome: https://tproger.ru/articles/google-chrome-nachnet-zashhishhat-ot-fiwinga-i-virusov-v-realnom-vremeni
Раньше Chrome сравнивал адрес сайта со списком опасных, который обновлялся раз в полчаса. А мошенники наловчились создавать левые сайты на пару минут, успевая делать гадости.
Google решили это исправить и тепер защита от вирусов и фишинга работает в реальном времени. Chrome мгновенно сверяется с базой Google, где хранится инфа о «плохих» сайтах. Результат: на 25% больше заблокированных мошеннических страниц.
Google обещает, что вся проверка происходит анонимно и безопасно. Обновление вот-вот появится в Chrome для компьютеров и iOS. А в течение месяца еще и на Android.
@tproger_web #безопасность #chrome #google
Google объявила войну злодеям в интернете, внедрив новые возможности в свой браузер Chrome: https://tproger.ru/articles/google-chrome-nachnet-zashhishhat-ot-fiwinga-i-virusov-v-realnom-vremeni
Раньше Chrome сравнивал адрес сайта со списком опасных, который обновлялся раз в полчаса. А мошенники наловчились создавать левые сайты на пару минут, успевая делать гадости.
Google решили это исправить и тепер защита от вирусов и фишинга работает в реальном времени. Chrome мгновенно сверяется с базой Google, где хранится инфа о «плохих» сайтах. Результат: на 25% больше заблокированных мошеннических страниц.
Google обещает, что вся проверка происходит анонимно и безопасно. Обновление вот-вот появится в Chrome для компьютеров и iOS. А в течение месяца еще и на Android.
@tproger_web #безопасность #chrome #google
CreateHtmlForm — простой инструмент для создания HTML-форм с помощью Markdown
Результат можно отображать в виде кода для фреймворков pico.css, Bootstrap или Tailwindcss: https://www.producthunt.com/products/create-html-form
@tproger_web #инструменты
Результат можно отображать в виде кода для фреймворков pico.css, Bootstrap или Tailwindcss: https://www.producthunt.com/products/create-html-form
@tproger_web #инструменты
