Как устроен Frontend в 2023. Про React, Angular, NodeJS и собеседования
Автор о своём видео:
Алексей Попков - Frontend TeamLead в Толоке рассказал про свой путь программиста, и это получилось интересно, так как затронули и старые темы про: PHP, Java, WordPress, Joomla. Довольно забавно из 2023 вспоминать и рефлексировать на них.
Основную часть разговора посвятили JavaScript - и фронтенду и бекенду. Много о NodeJS и паттернах и безусловно много про клиентский JavaScript: Angular, React, Svelte, NgRx, Redux.
Отдельно хочу отметить подробный разговор про State Managers, ведь существует не только Redux.
#видео
Автор о своём видео:
Алексей Попков - Frontend TeamLead в Толоке рассказал про свой путь программиста, и это получилось интересно, так как затронули и старые темы про: PHP, Java, WordPress, Joomla. Довольно забавно из 2023 вспоминать и рефлексировать на них.
Основную часть разговора посвятили JavaScript - и фронтенду и бекенду. Много о NodeJS и паттернах и безусловно много про клиентский JavaScript: Angular, React, Svelte, NgRx, Redux.
Отдельно хочу отметить подробный разговор про State Managers, ведь существует не только Redux.
#видео
👍5❤2
Сетевик Джонни // Network Admin
Мы создали для теста бесплатный VPN сервер Чтобы подключиться необходимо установить приложение Outline VPN. Это официальное приложение от Jigsaw (Google) доступное в Google Play и AppStore. После установки скопируйте ключ ниже и откройте приложение. Ключ:…
Мы заканчиваем тест и запускаем свой платный VPN. Кто желает подключить его, может это сделать прямо сейчас в нашем боте @astra_vpn_bot.
Хотим рассказать о трех наиболее распространенных алгоритмах сортировки в программировании: Bubble sort, Selection sort и Insertion sort. Каждый из этих алгоритмов имеет свои преимущества и недостатки, поэтому давайте рассмотрим их подробнее и сравним между собой.
1. Bubble sort - это один из самых простых алгоритмов сортировки. Он работает путем сравнения пары соседних элементов массива и, если они не находятся в правильном порядке, меняет их местами. Этот процесс повторяется до тех пор, пока весь массив не будет отсортирован. Помимо своей простоты, Bubble sort имеет также небольшую память и лучше всего подходит для небольших массивов.
2. Selection sort - этот алгоритм сортировки также является простым. Он работает путем поиска наименьшего элемента в массиве и помещает его на первое место. Затем он находит следующий наименьший элемент и помещает его на второе место, и так далее. Selection sort прост в реализации, но может быть медленным на больших массивах.
3. Insertion sort - этот алгоритм сортировки работает путем постепенного создания отсортированного массива из неотсортированных элементов. Он берет первый элемент массива и помещает его на свое место в отсортированном массиве. Затем он берет следующий элемент и вставляет его в правильную позицию в отсортированном массиве. Этот процесс повторяется до тех пор, пока все элементы не будут отсортированы. Insertion sort обычно работает быстрее, чем Bubble sort и Selection sort на небольших массивах, но может быть медленным на больших массивах.
В общем, каждый из этих алгоритмов сортировки имеет свои преимущества и недостатки. Bubble sort наиболее простой, но медленный на больших массивах. Selection sort также прост, но также медленный на больших массивах. Insertion sort быстрее, чем два других алгоритма на небольших массивах, но медленный на больших массивах.
💬 Надеюсь, что это сравнение помогло вам лучше понять различия между этими тремя алгоритмами сортировки в программировании.
1. Bubble sort - это один из самых простых алгоритмов сортировки. Он работает путем сравнения пары соседних элементов массива и, если они не находятся в правильном порядке, меняет их местами. Этот процесс повторяется до тех пор, пока весь массив не будет отсортирован. Помимо своей простоты, Bubble sort имеет также небольшую память и лучше всего подходит для небольших массивов.
2. Selection sort - этот алгоритм сортировки также является простым. Он работает путем поиска наименьшего элемента в массиве и помещает его на первое место. Затем он находит следующий наименьший элемент и помещает его на второе место, и так далее. Selection sort прост в реализации, но может быть медленным на больших массивах.
3. Insertion sort - этот алгоритм сортировки работает путем постепенного создания отсортированного массива из неотсортированных элементов. Он берет первый элемент массива и помещает его на свое место в отсортированном массиве. Затем он берет следующий элемент и вставляет его в правильную позицию в отсортированном массиве. Этот процесс повторяется до тех пор, пока все элементы не будут отсортированы. Insertion sort обычно работает быстрее, чем Bubble sort и Selection sort на небольших массивах, но может быть медленным на больших массивах.
В общем, каждый из этих алгоритмов сортировки имеет свои преимущества и недостатки. Bubble sort наиболее простой, но медленный на больших массивах. Selection sort также прост, но также медленный на больших массивах. Insertion sort быстрее, чем два других алгоритма на небольших массивах, но медленный на больших массивах.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7
Понимаем DOM: основы работы с деревом документа в веб-разработке
Сегодня поговорим с вами о DOM - Document Object Model. DOM - это структура данных, которая представляет собой иерархическое дерево объектов, созданное на основе HTML-документа.
Каждый HTML-элемент, такой как заголовок, абзац, изображение и т.д., представлен в DOM как объект. Также DOM содержит объекты, которые позволяют изменять содержимое и структуру HTML-документа, включая добавление, удаление и изменение элементов.
Программисты используют DOM, чтобы манипулировать HTML-элементами и изменять внешний вид веб-страницы. Например, с помощью DOM можно добавлять и удалять элементы, изменять содержимое элементов, а также управлять атрибутами элементов.
DOM доступен для использования на всех языках программирования, которые поддерживают работу с веб-страницами, таких как JavaScript, Python, Ruby и т.д.
Надеемся, что теперь вы понимаете, что такое DOM и как его можно использовать в программировании. Если у вас есть какие-то вопросы или комментарии, пожалуйста, оставляйте их в комментариях! Будем рады ответить на них.
Сегодня поговорим с вами о DOM - Document Object Model. DOM - это структура данных, которая представляет собой иерархическое дерево объектов, созданное на основе HTML-документа.
Каждый HTML-элемент, такой как заголовок, абзац, изображение и т.д., представлен в DOM как объект. Также DOM содержит объекты, которые позволяют изменять содержимое и структуру HTML-документа, включая добавление, удаление и изменение элементов.
Программисты используют DOM, чтобы манипулировать HTML-элементами и изменять внешний вид веб-страницы. Например, с помощью DOM можно добавлять и удалять элементы, изменять содержимое элементов, а также управлять атрибутами элементов.
DOM доступен для использования на всех языках программирования, которые поддерживают работу с веб-страницами, таких как JavaScript, Python, Ruby и т.д.
Надеемся, что теперь вы понимаете, что такое DOM и как его можно использовать в программировании. Если у вас есть какие-то вопросы или комментарии, пожалуйста, оставляйте их в комментариях! Будем рады ответить на них.
⚡5👍3
#статья
AI Kandinsky 2.1 создаёт игры
В рамках этой статьи мы сосредоточимся на процессе создания игры, а именно визуальном оформлении карточной игры, используя Kandinsky 2.1.
Мы рассмотрим оптимальные способы генерации изображений и дадим рекомендации по превращению сгенерированных артов в игральные карты для настольной игры:
https://habr.com/ru/articles/730742/
AI Kandinsky 2.1 создаёт игры
В рамках этой статьи мы сосредоточимся на процессе создания игры, а именно визуальном оформлении карточной игры, используя Kandinsky 2.1.
Мы рассмотрим оптимальные способы генерации изображений и дадим рекомендации по превращению сгенерированных артов в игральные карты для настольной игры:
https://habr.com/ru/articles/730742/
⚡4👍1👾1
#chatGPT
Какие IDE лучше всего использовать?
Как и многие другие вопросы, ответ на этот вопрос зависит от ваших потребностей и предпочтений. Вот несколько популярных IDE, которые могут подойти для различных типов проектов:
1. Visual Studio - отличный выбор для разработки приложений под Windows, в том числе для .NET-разработки.
2. Eclipse - хорошо подходит для разработки Java-приложений, а также для работы с другими языками, такими как C++, Python и PHP.
3. IntelliJ IDEA - отличный выбор для разработки Java-приложений, особенно если вы работаете с фреймворками, такими как Spring и Hibernate.
4. PyCharm - отлично подходит для разработки на Python.
5. Sublime Text - простой и легкий текстовый редактор, который может быть использован для различных языков программирования.
6. Atom - еще один текстовый редактор, который может быть настроен под любой язык программирования.
7. Visual Studio Code - легкий и быстрый редактор кода, который может быть использован для различных языков программирования.
В целом, выбор IDE зависит от ваших потребностей и опыта работы с конкретным инструментом.
Какие IDE лучше всего использовать?
Как и многие другие вопросы, ответ на этот вопрос зависит от ваших потребностей и предпочтений. Вот несколько популярных IDE, которые могут подойти для различных типов проектов:
1. Visual Studio - отличный выбор для разработки приложений под Windows, в том числе для .NET-разработки.
2. Eclipse - хорошо подходит для разработки Java-приложений, а также для работы с другими языками, такими как C++, Python и PHP.
3. IntelliJ IDEA - отличный выбор для разработки Java-приложений, особенно если вы работаете с фреймворками, такими как Spring и Hibernate.
4. PyCharm - отлично подходит для разработки на Python.
5. Sublime Text - простой и легкий текстовый редактор, который может быть использован для различных языков программирования.
6. Atom - еще один текстовый редактор, который может быть настроен под любой язык программирования.
7. Visual Studio Code - легкий и быстрый редактор кода, который может быть использован для различных языков программирования.
В целом, выбор IDE зависит от ваших потребностей и опыта работы с конкретным инструментом.
👍7⚡1👎1
Сайт-визитка на nextjs и tailwind за 17 минут с деплоем на vercel
В данном ролике мы вместе с вами создадим сайт-визитку. Для увеличения скорости разработки и возможности дальнейшего улучшения и расширения используем next.js 13 версии и Tailwind. Ролик будет полезен начинающим разработчика, которые не работали с данными технологиями. В конце ролика выложим готовый сайт в интернет, чтобы вы смогли делиться им с кем угодно!
#видео
В данном ролике мы вместе с вами создадим сайт-визитку. Для увеличения скорости разработки и возможности дальнейшего улучшения и расширения используем next.js 13 версии и Tailwind. Ролик будет полезен начинающим разработчика, которые не работали с данными технологиями. В конце ролика выложим готовый сайт в интернет, чтобы вы смогли делиться им с кем угодно!
#видео
🔥5👍1
#chatGPT
Что такое git и как им пользоваться?
Git - это система контроля версий, которая позволяет отслеживать изменения в коде и сотрудничать над проектом с другими разработчиками. Для начала работы с Git нужно установить его на компьютер и настроить базовые настройки, такие как имя пользователя и адрес электронной почты.
Далее создается локальный репозиторий, в который добавляются файлы проекта. После этого можно создавать коммиты, которые фиксируют изменения в коде.
Для сотрудничества с другими разработчиками используется удаленный репозиторий, который может быть расположен на сервере или в облачном хранилище.
Git предоставляет множество команд для работы с репозиторием, таких как
Что такое git и как им пользоваться?
Git - это система контроля версий, которая позволяет отслеживать изменения в коде и сотрудничать над проектом с другими разработчиками. Для начала работы с Git нужно установить его на компьютер и настроить базовые настройки, такие как имя пользователя и адрес электронной почты.
Далее создается локальный репозиторий, в который добавляются файлы проекта. После этого можно создавать коммиты, которые фиксируют изменения в коде.
Для сотрудничества с другими разработчиками используется удаленный репозиторий, который может быть расположен на сервере или в облачном хранилище.
Git предоставляет множество команд для работы с репозиторием, таких как
git add, git commit, git push, git pull и другие. Они позволяют управлять версиями кода, вносить изменения, откатывать изменения и многое другое.👍7🔥2
#рассказываем
GitLab и его роль в бэкенд разработке
GitLab - это удобная система управления версиями, которая позволяет разработчикам легко управлять кодом проекта и совместно работать над его развитием. GitLab предлагает множество функций, которые помогают улучшить процесс разработки, включая систему отслеживания ошибок, планировщик задач и интеграцию с различными сервисами.
В бэкенд разработке GitLab играет особенно важную роль. Бэкенд разработчики используют GitLab для управления исходным кодом своих приложений. С помощью GitLab разработчики могут создавать новые ветки, объединять их, решать конфликты и отслеживать изменения. Это позволяет бэкенд разработчикам быстро и безопасно вносить изменения в свои проекты и совместно работать над ними.
Кроме того, GitLab интегрируется с другими инструментами для бэкенд разработки, такими как Jira и Jenkins. Это позволяет разработчикам работать в более эффективном режиме, минимизируя время, затрачиваемое на ручное управление процессом разработки.
В целом, GitLab - это важный инструмент для бэкенд разработки, который помогает ускорить процесс разработки, улучшить качество кода и повысить производительность команды. Если вы еще не использовали GitLab в своем проекте, мы настоятельно рекомендуем вам начать использовать его уже сейчас!
GitLab и его роль в бэкенд разработке
GitLab - это удобная система управления версиями, которая позволяет разработчикам легко управлять кодом проекта и совместно работать над его развитием. GitLab предлагает множество функций, которые помогают улучшить процесс разработки, включая систему отслеживания ошибок, планировщик задач и интеграцию с различными сервисами.
В бэкенд разработке GitLab играет особенно важную роль. Бэкенд разработчики используют GitLab для управления исходным кодом своих приложений. С помощью GitLab разработчики могут создавать новые ветки, объединять их, решать конфликты и отслеживать изменения. Это позволяет бэкенд разработчикам быстро и безопасно вносить изменения в свои проекты и совместно работать над ними.
Кроме того, GitLab интегрируется с другими инструментами для бэкенд разработки, такими как Jira и Jenkins. Это позволяет разработчикам работать в более эффективном режиме, минимизируя время, затрачиваемое на ручное управление процессом разработки.
В целом, GitLab - это важный инструмент для бэкенд разработки, который помогает ускорить процесс разработки, улучшить качество кода и повысить производительность команды. Если вы еще не использовали GitLab в своем проекте, мы настоятельно рекомендуем вам начать использовать его уже сейчас!
❤6🔥2👍1
Node.js - Курс по Node.js для Начинающих
6 часовой видеоурок, в котором вы научитесь основам node.js. В нём вы изучите функции, объекты, массивы, json и ещё множество тем, которые помогут вам научиться работать с данной библиотекой.
#видео
6 часовой видеоурок, в котором вы научитесь основам node.js. В нём вы изучите функции, объекты, массивы, json и ещё множество тем, которые помогут вам научиться работать с данной библиотекой.
#видео
👍5🔥1🤩1
#chatGPT
Топ сайтов для программистов
1. StackOverflow - самый популярный сайт для программистов, где можно задавать вопросы и получать ответы от сообщества разработчиков.
2. GitHub - крупнейший веб-сервис для хранения и управления кодом, где разработчики могут сотрудничать над проектами и делиться своим кодом.
3. HackerRank - сайт, который предлагает задачи и испытания по программированию, чтобы помочь разработчикам улучшить свои навыки.
4. LeetCode - еще один сайт с задачами по программированию, который помогает разработчикам улучшить свои навыки и подготовиться к техническим интервью.
5. CodePen - онлайн-редактор кода, который позволяет разработчикам создавать и делиться своими проектами, а также получать обратную связь от других пользователей.
6. FreeCodeCamp - бесплатная онлайн-платформа для обучения программированию, которая предоставляет курсы по различным технологиям, включая HTML, CSS, JavaScript и многое другое.
7. W3Schools - сайт, который предоставляет бесплатные учебники и руководства по различным технологиям веб-разработки, включая HTML, CSS, JavaScript и многое другое.
💬 Какие ещё сайты вы знаете? Напишите в комментариях
Топ сайтов для программистов
1. StackOverflow - самый популярный сайт для программистов, где можно задавать вопросы и получать ответы от сообщества разработчиков.
2. GitHub - крупнейший веб-сервис для хранения и управления кодом, где разработчики могут сотрудничать над проектами и делиться своим кодом.
3. HackerRank - сайт, который предлагает задачи и испытания по программированию, чтобы помочь разработчикам улучшить свои навыки.
4. LeetCode - еще один сайт с задачами по программированию, который помогает разработчикам улучшить свои навыки и подготовиться к техническим интервью.
5. CodePen - онлайн-редактор кода, который позволяет разработчикам создавать и делиться своими проектами, а также получать обратную связь от других пользователей.
6. FreeCodeCamp - бесплатная онлайн-платформа для обучения программированию, которая предоставляет курсы по различным технологиям, включая HTML, CSS, JavaScript и многое другое.
7. W3Schools - сайт, который предоставляет бесплатные учебники и руководства по различным технологиям веб-разработки, включая HTML, CSS, JavaScript и многое другое.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍2
This media is not supported in your browser
VIEW IN TELEGRAM
#делимся
В интернете начал распространяться идеальный промт на написание кода для chatGPT
Чтобы получить код, который вы хотите увидеть от нейросети, достаточно скопировать текст ниже и заменить [description] на описание вашего кода. Разумеется описание должно быть написано на англ.яз. С большей вероятностью chatGPT выдаст вам хороший результат.
Сам промт:
💬 Не забудьте написать в комментариях, сработал у вас промт или нет
В интернете начал распространяться идеальный промт на написание кода для chatGPT
Чтобы получить код, который вы хотите увидеть от нейросети, достаточно скопировать текст ниже и заменить [description] на описание вашего кода. Разумеется описание должно быть написано на англ.яз. С большей вероятностью chatGPT выдаст вам хороший результат.
Сам промт:
You are a world class software engineer. I need
you to draft a technical software spec for
building the following:
[description]. Think through how you would
build it step by step. Then, respond with the
complete spec as a well-organized markdown
file. I will then reply with "build," and you will
proceed to implement the exact spec, writing
all of the code needed. I will periodically interject with "continue" to prompt you to keep going. Continue until complete
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10
Учим HTML и CSS за 7 часов! Уроки по созданию сайтов. Полный курс HTML и CSS с нуля до профессионала
Курс веб разработки сайтов на HTML и CSS с нуля.
Профессия Frontend разработчик. Верстка сайтов.
#видео
Курс веб разработки сайтов на HTML и CSS с нуля.
Профессия Frontend разработчик. Верстка сайтов.
#видео
👍6👎1
Сетевик Джонни // Network Admin
#делимся В интернете начал распространяться идеальный промт на написание кода для chatGPT Чтобы получить код, который вы хотите увидеть от нейросети, достаточно скопировать текст ниже и заменить [description] на описание вашего кода. Разумеется описание должно…
#тестим
Пример ответа chatGPT на промт
Мы дали ИИ указание написать код для телеграм бота, который должен отвечать всегда "да" на любое сообщение пользователя. chatGPT не только написал код, но и подробно расписал инструкцию к нему.
Пример ответа chatGPT на промт
Мы дали ИИ указание написать код для телеграм бота, который должен отвечать всегда "да" на любое сообщение пользователя. chatGPT не только написал код, но и подробно расписал инструкцию к нему.
🔥6❤2👍1
#рассказываем
Что такое Caddy?
Caddy - это веб-сервер с открытым исходным кодом, написанный на языке Go. Он имеет ряд уникальных особенностей, которые делают его очень привлекательным для использования в бэкенд-разработке.
Одной из главных особенностей Caddy является автоматический SSL. Это означает, что Caddy автоматически генерирует и устанавливает SSL-сертификаты для ваших доменов, что обеспечивает безопасность соединения между клиентом и сервером.
Кроме того, Caddy поддерживает проксирование запросов, что позволяет использовать его в качестве бэкенда для других веб-серверов или приложений. Вы можете настроить Caddy для проксирования запросов на ваше приложение, работающее на другом порту или даже на другом сервере.
Также Caddy имеет множество плагинов, которые позволяют расширить его функциональность. Например, вы можете использовать плагин для кэширования или для сжатия контента.
Наконец, Caddy имеет простой и понятный конфигурационный файл, который позволяет быстро и легко настроить сервер для ваших нужд. Вы можете использовать конфигурационный файл для определения ваших доменов, настройки SSL, проксирования запросов и многого другого.
Таким образом, Caddy - это прекрасный выбор веб-сервера для бэкенд-разработки. Он имеет множество уникальных особенностей, которые делают его очень привлекательным для использования в различных проектах.
Подробнее на их официальном сайте.
Что такое Caddy?
Caddy - это веб-сервер с открытым исходным кодом, написанный на языке Go. Он имеет ряд уникальных особенностей, которые делают его очень привлекательным для использования в бэкенд-разработке.
Одной из главных особенностей Caddy является автоматический SSL. Это означает, что Caddy автоматически генерирует и устанавливает SSL-сертификаты для ваших доменов, что обеспечивает безопасность соединения между клиентом и сервером.
Кроме того, Caddy поддерживает проксирование запросов, что позволяет использовать его в качестве бэкенда для других веб-серверов или приложений. Вы можете настроить Caddy для проксирования запросов на ваше приложение, работающее на другом порту или даже на другом сервере.
Также Caddy имеет множество плагинов, которые позволяют расширить его функциональность. Например, вы можете использовать плагин для кэширования или для сжатия контента.
Наконец, Caddy имеет простой и понятный конфигурационный файл, который позволяет быстро и легко настроить сервер для ваших нужд. Вы можете использовать конфигурационный файл для определения ваших доменов, настройки SSL, проксирования запросов и многого другого.
Таким образом, Caddy - это прекрасный выбор веб-сервера для бэкенд-разработки. Он имеет множество уникальных особенностей, которые делают его очень привлекательным для использования в различных проектах.
Подробнее на их официальном сайте.
👍6
Как создать игру? JavaScript, UNITY, C#
Сегодня в гостях у ЛОФТБЛОГ Александр Силаев – GAME DEV разработчик с 10 летним опытом. Он, как и многие из нас, в детстве мечтал создавать компьютерные игры, увлёкся программированием, но пошел в веб-разработку. Прокачавшись во фронтенде и бекенде, и поработав за 4 года в 3х разных компаниях, Саша всё же решается перейти в GAME DEV, т.е. создавать компьютерные игры и пересесть с JavaScript на Unity C#.
Мы поговорили с Сашей о том, как устроена GAME DEV индустрия, как разрабатываются игры, как научиться работать с Unity, а также затронули массу других полезных тем.
📹 Смотреть видео
#видео
Сегодня в гостях у ЛОФТБЛОГ Александр Силаев – GAME DEV разработчик с 10 летним опытом. Он, как и многие из нас, в детстве мечтал создавать компьютерные игры, увлёкся программированием, но пошел в веб-разработку. Прокачавшись во фронтенде и бекенде, и поработав за 4 года в 3х разных компаниях, Саша всё же решается перейти в GAME DEV, т.е. создавать компьютерные игры и пересесть с JavaScript на Unity C#.
Мы поговорили с Сашей о том, как устроена GAME DEV индустрия, как разрабатываются игры, как научиться работать с Unity, а также затронули массу других полезных тем.
#видео
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6👾1
Курс MySQL Базовый
Видеоуроки:
1 — Что такое СУБД MySQL?
2 — Основы DDL. Создание и модификация баз данных.
3 — Проектирование баз данных.
4 — Объединение (JOINs).
5 — Вложенные запросы.
6 — Индексирование.
7 — Хранимые процедуры. Пользовательские функции.
8 — Транзакции. Триггеры.
📹 Открыть плейлист
#видео
Видеоуроки:
1 — Что такое СУБД MySQL?
2 — Основы DDL. Создание и модификация баз данных.
3 — Проектирование баз данных.
4 — Объединение (JOINs).
5 — Вложенные запросы.
6 — Индексирование.
7 — Хранимые процедуры. Пользовательские функции.
8 — Транзакции. Триггеры.
#видео
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥1