Подключаться к своему VPS через Visual Studio Code — удобный способ работать с сервером в привычной IDE. В статье пошагово показываем, как настроить подключение по SSH через Remote Explorer: добавить VPS в список, сохранить конфигурацию, подключиться и установить VS Code Server.
После настройки редактор работает с файлами на сервере так же привычно, как с локальными: можно просматривать структуру, редактировать и сохранять — все изменения сразу применяются на VPS. #vps #tools
👍 Читать статью
После настройки редактор работает с файлами на сервере так же привычно, как с локальными: можно просматривать структуру, редактировать и сохранять — все изменения сразу применяются на VPS. #vps #tools
Надеемся, что вы будете аккуратными и никому не расскажете свой пароль. А чтобы не вводить его каждый раз, прочитайте статью о работе с Git через консоль, там есть раздел о создании SSH-ключей.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8 3❤🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать адаптивную галерею с «резиной»?
🔥9 5❤3❤🔥1
В этой статье мы пошагово разбираем базовые команды и операции для работы с Ubuntu на VPS: навигацию по файловой системе, управление файлами и процессами, установку нужных приложений. Все примеры показаны на реальных командах с пояснениями, чтобы вы могли сразу повторить их на своём сервере.
Расскажем, как проверить состояние сервера: смотреть процессы и нагрузку, свободное место, сетевые соединения, а также установить Node.js, Nginx и базу данных и собрать простой рабочий стек. Такой минимум знаний помогает перестать бояться терминала и обращаться с VPS как с понятным и управляемым инструментом. #nodejs #nginx
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤2❤🔥2🔥1
Поговорим о семантике?
Листайте карточки, знакомьтесь с тегами <em> и <i>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста».
Листайте карточки, знакомьтесь с тегами <em> и <i>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста».
🔥5 4⚡2
Forwarded from Как стать мидлом
Фронтендеру, который хочет прокачать основы computer science, стоит взглянуть на курс по алгоритмам и структурам данных. Структуры данных и алгоритмы дают предсказуемый код и чёткую архитектуру, а алгоритмические собеседования перестают быть лотереей.
Что разберёте на практике — и где это пригодится прямо в продакшене:
Какой алгоритм в последний раз выручил ваш проект? Делитесь в комментариях.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Что ждёт на собеседовании в компанию WAPP?
Максим Ермилов — основатель WAPP, рассказал про ключевые точки собеседования. «Нам важно понимать, что обучение было не механическим, а результативным, человек обладает знаниями».
Полный эфир с WAPP — по ссылке:
🐭 Смотреть на YouTube
🐹 Смотреть в VK
👩💻 Программа обучения
Максим Ермилов — основатель WAPP, рассказал про ключевые точки собеседования. «Нам важно понимать, что обучение было не механическим, а результативным, человек обладает знаниями».
Полный эфир с WAPP — по ссылке:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5👏3🔥2
Соскучились по прямым эфирам с работодателями? Мы — очень!
Михаил Грохотов расскажет, как устроен фронтенд в студии, работающей с крупными проектами для ритейла, медицины и брендов — от Atomic Heart до федеральных сетей. И объяснит, почему компания решила запустить совместную программу с @htmlacademy.
Приходите на эфир 20 ноября в 12:00 (MSK), чтобы:
Регистрируйтесь по ссылке — пришлём напоминание перед началом и расскажем, как попасть на обучение.
https://htmlacademy.ru/events/live-grokhotov
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5⚡4 3
Forwarded from CSS Боль
Можно ли построить школьные графики на чистом CSS?
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Оказывается, можно. В новом выпуске «CSS Боль» строим функции прямо в браузере — от простых прямых до синусоид.
CSS умеет работать с линейными функциями, параболами через pow(), логарифмами и тригонометрией. Всё это можно использовать для параллакса, анимаций по траекториям и необычных меню.
Внутри — интерактивная демка, где можно поэкспериментировать с формулами и увидеть, как CSS справляется со школьной математикой.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
Оказывается, можно. В новом выпуске «CSS Боль» строим функции прямо в браузере — от простых прямых до синусоид.
CSS умеет работать с линейными функциями, параболами через pow(), логарифмами и тригонометрией. Всё это можно использовать для параллакса, анимаций по траекториям и необычных меню.
Внутри — интерактивная демка, где можно поэкспериментировать с формулами и увидеть, как CSS справляется со школьной математикой.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5⚡4 3
❝ И если кого-то и нужно обгонять, то не других, а самого себя превзойти. ❞
Запускаем второй сезон чемпионата по вёрстке!
Формат — полностью онлайн, длительность — две недели. Участие — бесплатное для выпускников наших профессий. На чемпионате вы сможете поработать с реальным макетом от самого награждаемого разработчика сайтов по версии Wоrkspace — Only.
Что ждёт во втором сезоне чемпионата:
Покажите своё мастерство профессиональной вёрстки, добавьте крутой проект в портфолио и попадите к партнёрам-работодателям Академии. В следующих постах расскажем другие подробности о чемпионате. А пока переходите на лендинг и записывайтесь на участие — это бесплатно. #чпв2
https://htmlacademy.ru/contest/2
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6 5❤4⚡1
Часто в коде нужна какая-нибудь конкретная регулярка — проверить почту, номер телефона или ограничить ввод. Мы собрали в одной статье 40 часто используемых шаблонов для JavaScript: это компактная шпаргалка без теории, только готовые паттерны, которые удобно копировать в код и не искать каждый раз с нуля.
- Проверка email — /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
- Только цифры — /^\d+$/
- Только буквы — /^[a-zA-Z]+$/
Сохраните страницу — и шпаргалка с 40 регулярными выражениями для JavaScript всегда будет под рукой. #js #regexp
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥12🔥5❤4⚡1👍1
Присоединяйтесь завтра в 12:00 (MSK) к прямому эфиру HTML Academy × Grokhotov Studio о совместной программе «Обучение под работодателя» — 8 месяцев фронтенда с наставником и отбором на оплачиваемую стажировку.
🎁 Розыгрыш: среди первых 100 регистраций разыграем одно бесплатное место на программу. Достаточно зарегистрироваться на эфир, победителя случайным образом выберем после трансляции.
Отдельно разберём, как студия использует AI в разработке. Теперь новый курс «Фронтенд на автопилоте: AI-агенты на практике» будет частью программы «Обучение под работодателя». Генерация типового кода, миграция стеков и библиотек, работа с типами и тестами, автоматизация рутины — всё это станет частью обычного пайплайна фронтенд-разработчика. Эти навыки теперь новая база.
https://htmlacademy.ru/events/live-grokhotov
🎁 Розыгрыш: среди первых 100 регистраций разыграем одно бесплатное место на программу. Достаточно зарегистрироваться на эфир, победителя случайным образом выберем после трансляции.
Отдельно разберём, как студия использует AI в разработке. Теперь новый курс «Фронтенд на автопилоте: AI-агенты на практике» будет частью программы «Обучение под работодателя». Генерация типового кода, миграция стеков и библиотек, работа с типами и тестами, автоматизация рутины — всё это станет частью обычного пайплайна фронтенд-разработчика. Эти навыки теперь новая база.
https://htmlacademy.ru/events/live-grokhotov
HTML Academy
Поговорим о семантике? Листайте карточки, знакомьтесь с тегами <em> и <i>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста».
Поговорим о семантике?
Листайте карточки, знакомьтесь с тегами <sub> и <sup>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста»
Листайте карточки, знакомьтесь с тегами <sub> и <sup>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста»
❤🔥3⚡2 1
❤🔥6❤4🔥3
HTML Academy
Соскучились по прямым эфирам с работодателями? Мы — очень! 👍 Прямой эфир с основателем Grokhotov Studio Михаил Грохотов расскажет, как устроен фронтенд в студии, работающей с крупными проектами для ритейла, медицины и брендов — от Atomic Heart до федеральных…
Вместе с Grokhotov Studio запускаем совместную программу обучения фронтенд-разработчиков
Сегодня в 12:00 (MSK) — прямой эфир с компанией Grokhotov Studio. Основатель компании расскажет, как устроен фронтенд в студии, что ждёт выпускников на оплачиваемой стажировке и как пройти путь от обучения до работы в штате.
В финале разыграем бесплатное место на программу!
https://htmlacademy.ru/events/live-grokhotov
Сегодня в 12:00 (MSK) — прямой эфир с компанией Grokhotov Studio. Основатель компании расскажет, как устроен фронтенд в студии, что ждёт выпускников на оплачиваемой стажировке и как пройти путь от обучения до работы в штате.
В финале разыграем бесплатное место на программу!
https://htmlacademy.ru/events/live-grokhotov