Лучшие роадмапы по frontend
По опросам и реакциям на постах я заметил, что большинство из вас двигаются в сфере фронтенда. Так как я сам являюсь таким разработчиком, хочу поделится с вами 3 лучшими роадмапами в этом направление: 1) Friendly Frontend, 2) Pomazkov JS, 3) Александр Караджиков.
Иметь план обучения очень важно, ведь благодаря ему вы ничего не пропустите и не будете тратить время на изучения чего то бесполезного. Все 3 роадмапа хороши и актуальны, а так же очень схожи между собой. Лично мне очень нравится первый, но советую так же обратить внимание на третий роадмап, так ка к нему еще и прикреплены ссылки с уроками.
Ставьте «❤️», если бы вы хотели увидеть роадмапы по другим направлениям!
✔ Меню канала
По опросам и реакциям на постах я заметил, что большинство из вас двигаются в сфере фронтенда. Так как я сам являюсь таким разработчиком, хочу поделится с вами 3 лучшими роадмапами в этом направление: 1) Friendly Frontend, 2) Pomazkov JS, 3) Александр Караджиков.
Иметь план обучения очень важно, ведь благодаря ему вы ничего не пропустите и не будете тратить время на изучения чего то бесполезного. Все 3 роадмапа хороши и актуальны, а так же очень схожи между собой. Лично мне очень нравится первый, но советую так же обратить внимание на третий роадмап, так ка к нему еще и прикреплены ссылки с уроками.
Ставьте «❤️», если бы вы хотели увидеть роадмапы по другим направлениям!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11 2
Как развить логическое мышление программисту?
Чтобы прокачать своё мышление, нужно развивать мозг, а разные задачи помогут ему! Решайте задачи Ферми. Вы наверняка слышали о таких, тот же автобус с шариками для гольфа (сколько шариков для гольфа войдет в школьный автобус?).
В таких задачах не дают точных цифр/чисел. Важна логика вашего решения. Именно эти задачи часто дают на собеседованиях в IT. Что вы думает об этом?
Ставьте «❤️», если пост вам понравился!
✔ Меню канала
Чтобы прокачать своё мышление, нужно развивать мозг, а разные задачи помогут ему! Решайте задачи Ферми. Вы наверняка слышали о таких, тот же автобус с шариками для гольфа (сколько шариков для гольфа войдет в школьный автобус?).
В таких задачах не дают точных цифр/чисел. Важна логика вашего решения. Именно эти задачи часто дают на собеседованиях в IT. Что вы думает об этом?
Ставьте «❤️», если пост вам понравился!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👍3
Что такое хостинг?
Хостинг - это размещение вашего приложения на удаленном сервере. Проще говоря, ваше приложение, будь то веб-сайт или телеграмм бот, размещается на каком-то удаленном компьютере, который работает круглосуточно и имеет постоянный доступ к интернету.
Существуют различные виды хостинга, такие как виртуальный хостинг, выделенный сервер и облачный хостинг. Каждый из них имеет свои преимущества и подходит для разных задач в зависимости от потребностей вашего проекта и ожидаемой нагрузки.
Ставьте «❤️», если этот пост оказался полезным для вас!
✔ Меню канала
Хостинг - это размещение вашего приложения на удаленном сервере. Проще говоря, ваше приложение, будь то веб-сайт или телеграмм бот, размещается на каком-то удаленном компьютере, который работает круглосуточно и имеет постоянный доступ к интернету.
Существуют различные виды хостинга, такие как виртуальный хостинг, выделенный сервер и облачный хостинг. Каждый из них имеет свои преимущества и подходит для разных задач в зависимости от потребностей вашего проекта и ожидаемой нагрузки.
Ставьте «❤️», если этот пост оказался полезным для вас!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15 2👎1
OpenAI снова в центре внимания
OpenAI столкнулась с двумя серьёзными проблемами безопасности за неделю. Первая уязвимость касается ChatGPT для Mac, где пользовательские беседы хранились в незашифрованном формате.
Вторая уязвимость связана с хакерской атакой 2023 года, когда внутренние системы OpenAI были взломаны и конфиденциальная информация была опубликована. Это привело к увольнению менеджера по техническим программам Леопольда Ашенбреннера.
Ставьте «❤️», если вы взломали OpenAI!
✔ Меню канала | #новости
OpenAI столкнулась с двумя серьёзными проблемами безопасности за неделю. Первая уязвимость касается ChatGPT для Mac, где пользовательские беседы хранились в незашифрованном формате.
Вторая уязвимость связана с хакерской атакой 2023 года, когда внутренние системы OpenAI были взломаны и конфиденциальная информация была опубликована. Это привело к увольнению менеджера по техническим программам Леопольда Ашенбреннера.
Ставьте «❤️», если вы взломали OpenAI!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22 5
Что такое cookie?
Наверняка каждый из вас, заходя на какой-либо веб-сайт, получал уведомление об использование cookie-файлов. Простыми словами, cookie — это небольшие текстовые файлы, в которых записана информация о посещении сайта, и они хранятся прямо на вашем компьютере.
Зачастую cookies используются для того, чтобы при повторном заходе на сайт вам не приходилось снова регистрироваться, вводить языковые или цветовые настройки, а также чтобы подобрать для вас подходящую рекламу. Впрочем, cookies обеспечивают более приятный пользовательский опыт на странице.
Ставьте «❤️», если хотите узнать чуть больше о куки файлах!
✔ Меню канала
Наверняка каждый из вас, заходя на какой-либо веб-сайт, получал уведомление об использование cookie-файлов. Простыми словами, cookie — это небольшие текстовые файлы, в которых записана информация о посещении сайта, и они хранятся прямо на вашем компьютере.
Зачастую cookies используются для того, чтобы при повторном заходе на сайт вам не приходилось снова регистрироваться, вводить языковые или цветовые настройки, а также чтобы подобрать для вас подходящую рекламу. Впрочем, cookies обеспечивают более приятный пользовательский опыт на странице.
Ставьте «❤️», если хотите узнать чуть больше о куки файлах!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤28 4
Что такое UI KIT?
Это единый набор элементов пользовательского интерфейса (UI Kit). Один из основных его преимуществ – единый стиль для всех проектов. Это важно, чтобы клиенты могли распознавать вашу компанию по одинаковым элементам. Кроме того, UI Kit значительно экономит время на разработку.
Все члены команды получают доступ к киту, что позволяет аналитикам, дизайнерам и разработчикам работать эффективнее. Не забывайте о скорости разработки, поскольку при готовом UI Kit у вас будут все необходимые элементы, такие как кнопки, поля ввода, таблицы и т. д., в готовом виде.
Ставьте «❤️», если пост вам понравился!
✔ Меню канала | #чтотакое
Это единый набор элементов пользовательского интерфейса (UI Kit). Один из основных его преимуществ – единый стиль для всех проектов. Это важно, чтобы клиенты могли распознавать вашу компанию по одинаковым элементам. Кроме того, UI Kit значительно экономит время на разработку.
Все члены команды получают доступ к киту, что позволяет аналитикам, дизайнерам и разработчикам работать эффективнее. Не забывайте о скорости разработки, поскольку при готовом UI Kit у вас будут все необходимые элементы, такие как кнопки, поля ввода, таблицы и т. д., в готовом виде.
Ставьте «❤️», если пост вам понравился!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6 4
Альтернатива JetBrains от Сбера
СберТех представил замену продуктам от JetBrains — GIGA IDE. Эта среда разработки совместима с популярными плагинами и поддерживает множество языков программирования, таких как Java, Python, JavaScript и т.д. Уже доступна десктопная версия, а облачная версия Cloud, релиз которой запланирован на осень этого года - открыта для тестирования.
Также не обошлись и без ИИ. Встроенный AI-ассистент GIGA CODE помогает писать код, генерировать тесты и документацию. Помощник поддерживает более 30 языков программирования, и его создатели обещают, что языков станет еще больше.
Ставьте «❤️», если вам понравился этот пост!
✔ Меню канала
СберТех представил замену продуктам от JetBrains — GIGA IDE. Эта среда разработки совместима с популярными плагинами и поддерживает множество языков программирования, таких как Java, Python, JavaScript и т.д. Уже доступна десктопная версия, а облачная версия Cloud, релиз которой запланирован на осень этого года - открыта для тестирования.
Также не обошлись и без ИИ. Встроенный AI-ассистент GIGA CODE помогает писать код, генерировать тесты и документацию. Помощник поддерживает более 30 языков программирования, и его создатели обещают, что языков станет еще больше.
Ставьте «❤️», если вам понравился этот пост!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👎3👍2
Всем доброе утро! ☀️
Наверное вы заметили, что в этом канале появились истории, если вы хотите что бы они выходили чаще и вы не пропускали самые интересные и полезные посты, то можете проголосовать за этот канал (доступно только с телеграмм премиум), а так же это позволит добавить более интересные реакции к постам. Заранее всем огромное спасибо!
👨💻 Проголосовать
Наверное вы заметили, что в этом канале появились истории, если вы хотите что бы они выходили чаще и вы не пропускали самые интересные и полезные посты, то можете проголосовать за этот канал (доступно только с телеграмм премиум), а так же это позволит добавить более интересные реакции к постам. Заранее всем огромное спасибо!
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Берлога Программистов 👨💻
Проголосуйте за канал, чтобы он получил больше возможностей.
❤11 3
Крутые расширения VSCode для React-разработчиков
React Hooks Snippets - упрощает добавление хуков в React, предоставляя специальные сокращения:
ush для useState — инициализирует переменную состояния.
ueh для useEffect — устанавливает побочный эффект.
uch для useContext — обращается к контексту.
Ставьте «❤️», если хотите продолжение!
✔ Меню канала
React Hooks Snippets - упрощает добавление хуков в React, предоставляя специальные сокращения:
ush для useState — инициализирует переменную состояния.
ueh для useEffect — устанавливает побочный эффект.
uch для useContext — обращается к контексту.
Ставьте «❤️», если хотите продолжение!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12
Как работают cookies?
В предыдущем посте на эту тему мы узнали о том, что такое cookie и где они используются. Вы собрали много реакций, поэтому я делаю пост о том, как работают эти файлы. Если вам понравится этот пост и интересна эта тема, не забывайте ставить реакции!
У каждого веб-сайта есть свои cookie-файлы. Заходя на какой-либо сайт, браузер ищет на компьютере его cookie и в случае успеха отправляет их на сервер. После этого сервер как либо обрабатывает эту информацию, например, меняет за вас тему или автоматически регистрируется. Если такие файлы не найдены, то у вас всплывает запрос на одобрение cookie.
Разберём на примере. Допустим, вы зашли на YouTube, где по умолчанию установлена светлая тема, но она вам не нравится, и вы решили поставить тёмную. Тогда в коде создаётся такой cookie-файл: 'theme:dark', и каждый раз, когда вы вновь заходите на YouTube, у вас автоматически выставляется тёмная тема.
Ставьте «❤️», если хотите узнать чуть больше о куки файлах!
✔ Меню канала
В предыдущем посте на эту тему мы узнали о том, что такое cookie и где они используются. Вы собрали много реакций, поэтому я делаю пост о том, как работают эти файлы. Если вам понравится этот пост и интересна эта тема, не забывайте ставить реакции!
У каждого веб-сайта есть свои cookie-файлы. Заходя на какой-либо сайт, браузер ищет на компьютере его cookie и в случае успеха отправляет их на сервер. После этого сервер как либо обрабатывает эту информацию, например, меняет за вас тему или автоматически регистрируется. Если такие файлы не найдены, то у вас всплывает запрос на одобрение cookie.
Разберём на примере. Допустим, вы зашли на YouTube, где по умолчанию установлена светлая тема, но она вам не нравится, и вы решили поставить тёмную. Тогда в коде создаётся такой cookie-файл: 'theme:dark', и каждый раз, когда вы вновь заходите на YouTube, у вас автоматически выставляется тёмная тема.
Ставьте «❤️», если хотите узнать чуть больше о куки файлах!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤25 3
Не нужно стыдиться PHP
PHP стал "плохим" и "постыдным" из-за низкого порога входа и некачественного кода, созданного новичками. Это привело к негативным стереотипам в IT-сообществе.
Однако, PHP - это мощный, перспективный язык программирования с современной экосистемой и многочисленными успешными проектами. Не стоит стыдиться PHP и его применения в реальных проектах.
Ставьте «❤️», и расскажите что вы думаете об этом?
✔ Меню канала
PHP стал "плохим" и "постыдным" из-за низкого порога входа и некачественного кода, созданного новичками. Это привело к негативным стереотипам в IT-сообществе.
Однако, PHP - это мощный, перспективный язык программирования с современной экосистемой и многочисленными успешными проектами. Не стоит стыдиться PHP и его применения в реальных проектах.
Ставьте «❤️», и расскажите что вы думаете об этом?
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15🔥1
Где хранятся cookies?
В предыдущем посте на эту тему мы узнали о том, как работают куки. Вы собрали много реакций, поэтому я делаю пост о том, где хранятся эти файлы. Если вам понравится этот пост и интересна эта тема, не забывайте ставить реакции!
Как уже было сказано ранее, cookie-файлы хранятся прямо на вашем компьютере, а точнее в папке браузера. Прочитать их можно прямо из браузера, для этого откройте консоль разработчика (Ctrl + Shift + I) и во вкладке Console введите: '
Ставьте «❤️», если хотите узнать чуть больше о куки файлах!
✔ Меню канала
В предыдущем посте на эту тему мы узнали о том, как работают куки. Вы собрали много реакций, поэтому я делаю пост о том, где хранятся эти файлы. Если вам понравится этот пост и интересна эта тема, не забывайте ставить реакции!
Как уже было сказано ранее, cookie-файлы хранятся прямо на вашем компьютере, а точнее в папке браузера. Прочитать их можно прямо из браузера, для этого откройте консоль разработчика (Ctrl + Shift + I) и во вкладке Console введите: '
document.cookie', после чего вы получите строку, которая и называется куки файлом.Ставьте «❤️», если хотите узнать чуть больше о куки файлах!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤25 4
Новые математические функции в CSS
round () - помогает округлять значения до ближайшего целого числа, кратного интервалу округления. Например:
То есть CSS округляет значение --my-font-size до интервала 1rem.
Ставьте «❤️», если пост вам понравился!
✔ Меню канала | #новости
round () - помогает округлять значения до ближайшего целого числа, кратного интервалу округления. Например:
font-size: round(var(--my-font-size), 1rem);
То есть CSS округляет значение --my-font-size до интервала 1rem.
Ставьте «❤️», если пост вам понравился!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8 1
Какие бывают cookies?
Cookies делятся на 3 вида, а точнее постоянные, временные и сторонние. В постоянных cookie-файлах обычно хранится ваш логин и пароль для авторизации на сайте. Срок действия этих куки задает владелец сайта, но обычно это год. Временные cookie-файлы хранят такую информацию как заполненные формы и удаляются после закрытия браузера или перезапуска компьютера.
Со сторонними cookie-файлами ситуация немного другая. Эти cookies принадлежат не сайту, а сторонним организациям. Чаще всего это рекламные компании, чьи баннеры размещены на текущей странице. Они фиксируют ваши переходы и изучают предпочтения, чтобы понять, какую рекламу вам показывать.
Ставьте «❤️», если хотите узнать чем опасны cookie!
✔ Меню канала
Cookies делятся на 3 вида, а точнее постоянные, временные и сторонние. В постоянных cookie-файлах обычно хранится ваш логин и пароль для авторизации на сайте. Срок действия этих куки задает владелец сайта, но обычно это год. Временные cookie-файлы хранят такую информацию как заполненные формы и удаляются после закрытия браузера или перезапуска компьютера.
Со сторонними cookie-файлами ситуация немного другая. Эти cookies принадлежат не сайту, а сторонним организациям. Чаще всего это рекламные компании, чьи баннеры размещены на текущей странице. Они фиксируют ваши переходы и изучают предпочтения, чтобы понять, какую рекламу вам показывать.
Ставьте «❤️», если хотите узнать чем опасны cookie!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15 4🔥2 1
Чем опасны cookies?
Сами по себе cookie не могут содержать какой то вирус или украсть ваши данные, так как это прост txt файл. Однако злоумышленники могут перехватить файлы cookie и воспользоваться информацией, которая в них хранится.
Существует несколько способов, как это сделать. Самый популярный - это взлом сессии на веб-сайтах без https протокола. Это довольно сложный и непонятный процесс, поэтому я не буду его полностью описывать. А что бы себя обезопасить, лучше не посещать сайты без HTTPS, с огромным количеством рекламных баннеров.
На этом серия постов про куки заканчивается, мы узнали о них много нового и по вашим реакциям я вижу, что вам было интересно читать эти посты. Пишите в коментарии какую тему так же стоит разобрать подробно.
Ставьте «❤️», если вам была интересна серия постов про cookie!
✔ Меню канала
Сами по себе cookie не могут содержать какой то вирус или украсть ваши данные, так как это прост txt файл. Однако злоумышленники могут перехватить файлы cookie и воспользоваться информацией, которая в них хранится.
Существует несколько способов, как это сделать. Самый популярный - это взлом сессии на веб-сайтах без https протокола. Это довольно сложный и непонятный процесс, поэтому я не буду его полностью описывать. А что бы себя обезопасить, лучше не посещать сайты без HTTPS, с огромным количеством рекламных баннеров.
На этом серия постов про куки заканчивается, мы узнали о них много нового и по вашим реакциям я вижу, что вам было интересно читать эти посты. Пишите в коментарии какую тему так же стоит разобрать подробно.
Ставьте «❤️», если вам была интересна серия постов про cookie!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤36 4
Альтернативные фреймворки JavaScript | Svelte.js
Svelte - новый и популярный фреймворк для создания пользовательских интерфейсов, предоставляющий радикально новый подход по сравнению с Vue или React и лучшую производительность благодаря компиляции во время сборки без необходимости писать громоздкий шаблонный код.
Достоинства: Хорошая производительность, доступность, нет виртуального DOM, короткие связки кода, а так же требует меньше шаблонного кода.
Ставьте «❤️», если пост был познавательным!
✔ Меню канала
Svelte - новый и популярный фреймворк для создания пользовательских интерфейсов, предоставляющий радикально новый подход по сравнению с Vue или React и лучшую производительность благодаря компиляции во время сборки без необходимости писать громоздкий шаблонный код.
Достоинства: Хорошая производительность, доступность, нет виртуального DOM, короткие связки кода, а так же требует меньше шаблонного кода.
Ставьте «❤️», если пост был познавательным!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9 4
Что такое микро и макро задачи?
В JavaScript есть два способа обрабатывать асинхронные задачи - микро- и макро-задачи. Микро-задачи, такие как промисы, очень быстрые и выполняются сразу после текущего действия и перед макро-задачами.
Макро-задачи, например setTimeOut и setInterval, планируются на следующие шаги, что позволяет разбивать асинхронную работу на большие куски. Это помогает JavaScript быстрее реагировать на изменения и обеспечивает отзывчивый интерфейс.
Ставьте «❤️», если этот пост оказался полезным для вас!
✔ Меню канала | #чтотакое
В JavaScript есть два способа обрабатывать асинхронные задачи - микро- и макро-задачи. Микро-задачи, такие как промисы, очень быстрые и выполняются сразу после текущего действия и перед макро-задачами.
Макро-задачи, например setTimeOut и setInterval, планируются на следующие шаги, что позволяет разбивать асинхронную работу на большие куски. Это помогает JavaScript быстрее реагировать на изменения и обеспечивает отзывчивый интерфейс.
Ставьте «❤️», если этот пост оказался полезным для вас!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9 3
Что такое Docker?
Docker - это платформа для разработки, доставки и эксплуатации приложений, позволяющая быстро выпускать и тестировать код. С помощью докера вы можете разделить приложение от инфраструктуры и использовать контейнеры для изоляции и быстрой доставки приложений.
Docker позволяет ускорить процесс разработки, тестирования и публикации приложений, повышая безопасность и эффективность использования ресурсов.
Ставьте «❤️», а вам приходилось работать с Docker?
✔ Меню канала | #чтотакое
Docker - это платформа для разработки, доставки и эксплуатации приложений, позволяющая быстро выпускать и тестировать код. С помощью докера вы можете разделить приложение от инфраструктуры и использовать контейнеры для изоляции и быстрой доставки приложений.
Docker позволяет ускорить процесс разработки, тестирования и публикации приложений, повышая безопасность и эффективность использования ресурсов.
Ставьте «❤️», а вам приходилось работать с Docker?
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11 3
Интернет нового поколения?
Американские учёные из Университета Чикаго разработали метод передачи квантовой информации на тысячи километров с помощью вакуумных труб и линз. Эти трубы, диаметром около 20 см, могут передавать более 10 триллионов кубитов в секунду, используя фотонные лучи, которые фокусируются линзами. Эта технология обещает значительные улучшения в области квантовой связи и вычислений.
Основное преимущество в том, что вакуумные трубы требуют лишь среднего вакуума, что упрощает их эксплуатацию. Эксперименты продолжаются для проверки идеи и масштабирования технологии.
🔗 Ссылка на статью
✔ Меню канала
Американские учёные из Университета Чикаго разработали метод передачи квантовой информации на тысячи километров с помощью вакуумных труб и линз. Эти трубы, диаметром около 20 см, могут передавать более 10 триллионов кубитов в секунду, используя фотонные лучи, которые фокусируются линзами. Эта технология обещает значительные улучшения в области квантовой связи и вычислений.
Основное преимущество в том, что вакуумные трубы требуют лишь среднего вакуума, что упрощает их эксплуатацию. Эксперименты продолжаются для проверки идеи и масштабирования технологии.
🔗 Ссылка на статью
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10