Анна Блок | FrontendBlok @frontendblok Channel on Telegram

Анна Блок | FrontendBlok

@frontendblok

Авторский канал по фронтенду от Анны Блок

✅ Наш чат: @frontendblokchat
📚 Обучение: https://frontendblok.com

По вопросам сотрудничества: [email protected]

Анна Блок | FrontendBlok (Russian)

FrontendBlok - это авторский канал по фронтенду от известного специалиста в этой области, Анны Блок. Здесь вы найдете самые свежие и полезные материалы о программировании, веб-разработке, и многое другое. Канал приглашает к общению в их чате @frontendblokchat, где можно задавать вопросы, обсуждать темы и делиться опытом с другими участниками. Также, для тех кто хочет углубить свои знания, FrontendBlok предлагает обучение на их сайте https://frontendblok.com. Если у вас есть вопросы относительно сотрудничества, вы всегда можете связаться с ними по почте: [email protected]. Присоединяйтесь к сообществу FrontendBlok и узнавайте новое каждый день!

Анна Блок | FrontendBlok

12 Feb, 17:11

Создание простой игры на <canvas> (аналог Pac-Man) 👾

Готовы своими руками сделать игру на <canvas> прямо сейчас? Тогда эта видео-практика для вас!

🔗 Открыть видео

В чем ценность этого видео? 🤫

🏆 Его не будет в свободном доступе на Youtube или иных видеохостингах.
🏆 Вы своими руками попробуете создать игру. Это особенно увлекательно, если ранее Вы этого не делали!
🏆 У вас будет обратная связь со мной через закрытый тг-чат от boosty.
🏆 Вы узнаете новое про <canvas>, если ранее вы никогда не работали с этой технологией.
497
Анна Блок | FrontendBlok

12 Feb, 08:18

Было?
686
Анна Блок | FrontendBlok

11 Feb, 11:54

Love is... Это когда проходит неделя скидок абсолютно на всё!❣️

🔗 Заходите на frontendblok.com, чтобы обучиться новому!

Например, на самые свежие курсы по javascript, веб-анимации или elementor. Или начать обучение с нуля, чтобы пройти весь путь от базового курса до продвинутого.

🎁 Подарок каждому, кто приобретёт любой курс на этой неделе:

Доступ на 1 месяц на мой boosty, где публикуются статьи про новинки CSS и практика верстки на много-много часов.
724
Анна Блок | FrontendBlok

11 Feb, 11:21

@layer — горячий тренд CSS 🔥

Правило @layer позволяет структурировать таблицы стилей. Это особенно полезно использовать на крупных проектах для удобной поддержки кода.

В этой статье приведён подробный разбор теории с возможностью закрепить полученные знания на практике.

⭐️ Читать статью

Это кстати не последнее, что будет про layer. Скоро будет еще один практический пример с ним в новой статье.

Подпишитесь на Boosty, чтобы не пропустить! 🙌
664
Анна Блок | FrontendBlok

11 Feb, 09:20

А вы умеете определять код, который был написан с использованием ИИ?

Если да, то напишите своё мнение комментарием на этот пост, что явно выдаёт нейросеточный код 😏👇
645
Анна Блок | FrontendBlok

10 Feb, 18:03

🌛 Вечерний оффтоп: Давайте обсудим, что лучше для разработчика — удаленка или офис?

Напишите свои мнения комментарием на этот пост 👇
690
Анна Блок | FrontendBlok

10 Feb, 17:04

Love is...

Это когда автор канала дарит Вам скидку 30% на любую подписку Boosty ❤️
725
Анна Блок | FrontendBlok

10 Feb, 16:53

5 ошибок, которые совершают 99% фронтендеров ❌

Фронтенд-разработка требует постоянного обучения, внимания к деталям и гибкости в подходах к решению задач. Однако многие фронтендеры, особенно те, кто работает на фрилансе, сталкиваются с рядом распространённых ошибок, которые могут серьёзно повлиять на их карьеру, репутацию и доход.

В этой статье рассмотрим 5 наиболее распространённых ошибок, которые допускают фронтенд-разработчики на фрилансе. Разберём каждую подробно, чтобы вы могли избежать эти ловушки и стать успешным специалистом своего дела.

⭐️ Читать статью
712
Анна Блок | FrontendBlok

10 Feb, 07:06

⚡️ В сети начали находить курсы и книги по программированию в открытом доступе

Вот отсортированная база с тонной материала (постепенно пополняется):

БАЗА (4687 видео/книг):

(363 видео, 87 книги) — Python
(415 видео, 68 книги) — Frontend
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++
(343 видео, 87 книги) — Java
(176 видео, 32 книги) — Git
(293 видео, 63 книги) — C#
(174 видео, 91 книги) — DevOps
(167 видео, 53 книги) — PHP
(227 видео, 83 книги) — SQL/БД
(163 видео, 29 книги) — Linux
(114 видео, 77 книги) — Сисадмин
(107 видео, 43 книги) — BA/SA
(181 видео, 32 книги) — Go
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(137 видео, 93 книги) — DS/ML
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — Дизайн
(129 видео, 73 книги) — QA
(213 видео, 63 книги) — Rust
(121 видео, 24 книги) — 1С
(136 видео, 33 книги) — PM/HR

Скачивать ничего не нужно — все выложили в Telegram
945
Анна Блок | FrontendBlok

09 Feb, 16:08

Сохраните, завтра пригодится 👀
918
Анна Блок | FrontendBlok

06 Feb, 18:04

Что поможет убедить клиента заплатить больше, если он не готов? 👃

Ответ выше 👆

Не пытайтесь работать с клиентом и мечтать его убедить, если он уже проявил множество 🚩🚩🚩

Например, если он каждый раз спрашивает «Почему вы установили именно эту стоимость за свои услуги?», ожидая от вас подробного объяснения за каждый рубль. Или «Почему у вас дороже остальных?». Всё это скрытая манипуляция, чтобы заставить вас сомневаться в собственных навыках и согласиться на «уникальное» предложение поработать над «хорошим» проектом и по возможности за бесплатно.

Не пытайтесь никого убеждать. Как фрилансер, вы можете устанавливаться свои правила.
1,320
Анна Блок | FrontendBlok

04 Feb, 20:44

Делитесь кринж-историями с фриланса или работы в IT офисе под этим постом
1,487
Анна Блок | FrontendBlok

01 Feb, 12:29

Интерактивная шпаргалка по значению perspective в transform 🔼

Perspective() используется крайне редко, но для создания сложной анимации — это то, что нужно. Держите эту шпаргалку всегда под рукой.

🔗 Шпаргалка

Сохраните и поставьте 🔥, если было полезно!
1,325
Анна Блок | FrontendBlok

31 Jan, 08:37

Расширение для VS Code, ускоряющее разработку сайтов 💻

eCSStractor может быть полезен для оптимизации и анализа стилей на сайте, особенно когда нужно упростить код или найти конкретные стили, которые применяются к элементам.

Основные функции eCSStractor:
🏆 Извлечение CSS
🏆 Оптимизация CSS
🏆 Анализ стилей
🏆 Экспорт стилей

Пример применения: Предположим, у вас есть большой проект с множеством CSS-файлов, и вы хотите уменьшить количество стилей, чтобы улучшить скорость загрузки сайта. Используя eCSStractor, вы можете проанализировать страницу и получить только те стили, которые действительно используются, а затем удалить остальные из вашего проекта.

⭐️ Перейти на сайт

Сохраните и поставьте 🔥, если было полезно!
1,206
Анна Блок | FrontendBlok

30 Jan, 08:50

ChatGPT лишился работы из-за ИИ

Китайская технологическая компания Alibaba выпустила новую версию своей модели искусственного интеллекта Qwen 2.5, которая, как утверждается, круче вызвавшей ажиотаж китайской DeepSeek.

⭐️ Перейти на сайт

Очередной удар по ChatGPT?
1,365
Анна Блок | FrontendBlok

29 Jan, 12:51

Вся подборка видео про DeepSeek 🐳

Объяснение, почему DeepSeek обвалил фондовый рынок и просто юмор. Теперь вам не придётся много времени тратить на поиск информации.
1,292
Анна Блок | FrontendBlok

29 Jan, 07:07

Почему я больше никогда не буду покупать проводные клавиатуры? 🫠

Всё просто — они абсолютно не адаптивны. Иначе говоря не способны подстроиться под разные сценарии использования.

Приведу пример. Была у меня клавиатура, которая поддерживала связь с ноутбуком, но её невозможно подключить планшету или игровой консоли. Дочитав до этого момента, вы могли бы порекомендовать мне купить bluetooth клавиатуру, но в таком случае её всё также невозможно было бы подключить к игровой консоли.

Идеальное решение - беспроводная игровая клавиатура, которая имеет возможность подключения к устройствам по кабелю.

И такой действительно существует! Это клавиатура AQIRYS MIRA.

У неё есть множество преимуществ, которые я выявила в ходе эксплуатации:

🏆 Подключение к разным устройствам (смартфон, пк, планшет, игровая консоль)
🏆 Возможность “запомнить” три устройства, чтобы каждый раз вручную не делать подключение
🏆 Поддержка быстрой замены клавиш, благодаря тому, что она механическая
🏆 Лёгкий отклик клавиш из-за outemu red switch
🏆 Возможность взять с собой в дорогу
🏆 Стильно смотрится в интерьере
🏆 Тактильно приятная на ощупь поверхность
🏆 Можно поднять “ножки” для изменения угла наклона.

Если вы ищете универсальное решение, которое сочетает в себе удобство, функциональность и стиль, то клавиатура AQIRYS MIRA — это именно то, что вы ищите!

👉 Скидка 10% по промокоду AGNBC1F28D88 при заказе клавиатуры AQIRYS MIRA прямо сейчас:

https://ozon.onelink.me/SNMZ/t5u1pf7j
900
Анна Блок | FrontendBlok

28 Jan, 15:32

Новый ИИ, из-за которого обвалилась стоимость акций Nvidia 📉

Китайская компания выпустила на рынок open-source проект со своим API и уже наделал шума. Его название DeepSeek.

Я попробовала скопировать свои запросы и получила ту же схему ответов 🤨 Будто он тянет готовые ответы из ChatGPT, немного меняя слова на синонимы или схожие смысловые конструкции.

⭐️ Перейти на сайт

А Вы успели его попробовать? Что заметили?
693
Анна Блок | FrontendBlok

21 Jan, 10:21

🤑 По нашему опросу про заработок места распределились так:

В лидерах доход от "0₽ - 10 000₽" (40%) и связано это может быть с тем, что кто-то еще учится или только-только пробует себя в этом деле, поэтому доход чисто условный, чтобы порадовать себя покупочкой с WB или Ozon.

После идёт так:

🏆 11% — интервалы "80 000₽ - 100 000₽" и "100 000₽ - 200 000₽"
🏆 8% — интервал "50 000₽ - 80 000₽"
🏆 7% — интервалы "30 000₽ - 50 000₽" и "200 000₽ - 300 000₽"

И еще интересный файт: всего 2% выбрано в пункте "20 000₽ - 30 000₽", а после резко до 7% поднимается пункт "30 000₽ - 50 000₽", а до этого 4% - "10 000₽ - 20 000₽".

Что еще Вам хотелось бы узнать? Провести опрос в рамках этого сообщества можно любой 😏
644
Анна Блок | FrontendBlok

14 Jan, 15:05

Успели заметить сбой?

Я только на Ozon, когда карточки товаров перестали прогружаться, но на Кинопоиске сериал включился без проблем, хоть и на инфографике отражено иное.

Сообщеается, что на данный момент инфраструктура доменов верхнего уровня .RU и .РФ и российские DNS работают без сбоев.
1,826
Анна Блок | FrontendBlok

09 Jan, 21:14

CSS вычислит ваш IP! Представляете?! 😳

В сети появился хак, который позволяет получить IP‑адрес пользователя через :root в CSS

🏆 Только в Chrome на ПК: Демо

По ссылке вы можете увидеть одно из первых решений от веб‑разработчицы Jane Ori. После другие разработчики предложили другие варианты. Например, как можно сократить HTML или оптимизировать под все браузеры:

🏆 Только в Chrome: Демо
🏆 Кроссбраузерное решение: Демо

Пока вы спите, тут что-то на хакерском происходит...
2,227
Анна Блок | FrontendBlok

09 Jan, 13:47

У кого сегодня первый рабочий день? Как вы?
1,840
Анна Блок | FrontendBlok

07 Jan, 16:32

Этапы, который проходит каждый веб-разработчик:

1. Технический тест
2. Техническое интервью
3. Задачи, которые надо решать после трудоустройства

Всё так?
1,895
Анна Блок | FrontendBlok

07 Jan, 08:52

С Рождеством! ☦️

Пусть этот праздник вдохновит вас на добрые дела, наполнит силы для новых свершений и принесёт благословение в каждый ваш день.
1,598
Анна Блок | FrontendBlok

03 Jan, 18:12

Так могли выглядеть популярные соцсети и сервисы в 90-е 🥳

Какой вариант понравился?
1,962
Анна Блок | FrontendBlok

31 Dec, 18:19

С наступающим или наступившим Новым Годом! 🎉

Пусть 2025 год принесет вам новые идеи, вдохновение и успехи в мире веб-разработки!

Пусть каждый код, который вы напишите, будет чистым, а каждый сайт — удобным и красивым.

В новом году на этом канале вас ждёт множество интересных материалов, которые помогут вам развиваться и достигать новых высот.

Пусть ваши пожелания сбудутся, а баги остаются в прошлом! 🎊

➿

А у вас уже наступил 2025?

🔥 - да
🤩 - еще нет, жду
1,957
Анна Блок | FrontendBlok

30 Dec, 20:37

Остался всего 1 день 🎄☃️ Как проведёте его?
1,801
Анна Блок | FrontendBlok

30 Dec, 20:35

Channel photo updated
0
Анна Блок | FrontendBlok

30 Dec, 16:51

Новогодний скидкопад на FrontendBlok ☃️

Мы подготовили для вас пакетные предложения с 40% скидкой 💖

🎁 Для каждого подарок, кто воспользуется пакетным предложением:

🏆 Подписка ChatGPT Plus на 1 месяц
🏆 Бонусное видео «Как работать на зарубежных фриланс биржах из РФ?»
🏆 Гайд «50+ полезных инструментов для фронтенд-разработчика»

Чтобы воспользоваться скидкой 40%, оставьте заявку:

🔗 ОСТАВИТЬ ЗАЯВКУ

Или можно просто купить любой курс прямо на frontendblok.com со скидкой 20% 💖
1,799
Анна Блок | FrontendBlok

29 Dec, 19:26

Обновление софта в 2000-х:
🏆 Полностью переработанный интерфейс
🏆 250 тысяч новых функций
🏆 в 500 раз повышена производительность

Обновление софта в 2020-х:
🏆 крестик теперь чуть-чуть правее
🏆 если тормозит — купи новый гаджет

Так или не так?
301
Анна Блок | FrontendBlok

28 Dec, 18:22

ТОП-5 новинок CSS (будем использовать в 2025 году) 👩‍💻

2024 год принёс фронтендерам множество CSS новинок, и так как совсем скоро наступит Новый год, то самое время, чтобы подвести итоги...

Поделюсь ТОП-5 новинками из мира CSS, которые мне больше всего понравились и стабильную поддержку которых я жду больше всего. Смотрите видео там, где удобно:

Youtube | VK | Дзен

Не забудьте поставить лайк на платформе, с которой будете смотреть ролик! 💖
625
Анна Блок | FrontendBlok

27 Dec, 18:20

Время подводить итоги?

Уверена, осознанно или неосознанно задумываетесь о том, что сделали или не сделали за этот год.

Не побоюсь сказать, что лично для меня этот год был лучшим за всё время моей жизни, потому что всё складывалось супер-идеально, как по маслу 🧈 Сбылось за этот год если уж не всё, но точно многое, о чем мечтала многие годы.

А как вы бы оценили свой год? Покажите реакциями или поделитесь своими историями в комментариях.

🔥 — супер круто
⚡️ — просто хорошо
😭 — плохо

А чтобы как-то подвести итоги в мире фронтенда, решила, что поделюсь своими мыслями о личных ТОП-5 новинках CSS, стабильную поддержку которых жду больше всего. Видео выйдет завтра!
690
Анна Блок | FrontendBlok

27 Dec, 08:00

-20% на любой курс на frontendblok.com до Нового Года!

-40% на пакетные предложения (см.фото) и подарки:

🏆 Подписка ChatGPT Plus на 1 месяц
🏆 Бонусное видео «Как работать на зарубежных фриланс биржах из РФ?»
🏆 Гайд «50+ полезных инструментов для фронтенд-разработчика»

🔗 ОСТАВИТЬ ЗАЯВКУ

Исполните своё желание на Новый Год! 🎊
660
Анна Блок | FrontendBlok

26 Dec, 15:48

CSS всё ближе и ближе к тому, чтобы стать новым JavaScript 🗽

Что вы скажете на то, что теперь можно делать такую запись?

.container {
container-type: inline-size;
--_columns: false;
}

@container style(--_columns: true) {
.child {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}

@container style(--_columns: false) {
.child {
display: flex;
flex-direction: column;
}
}

Еще чуть-чуть и мы будем писать серьезные скрипты на CSS 😅 Посмотреть пример можно тут.

Что думаете о такой фиче?
705
Анна Блок | FrontendBlok

26 Dec, 13:03

Смотрите, есть канал, на котором каждый день публикуются увлекательные и полезные материалы, которые вы так долго искали! 😎

Здесь вы найдёте:
• рецепты кода
• мемы
• интересные статьи и факты
• викторины
• макеты
• иконки
• полезные ссылки
И это еще не всё! Здесь много интересного!

Да-да! Всё в 1 канале!
Подписывайся скорее пока доступ не пропал! 🧑‍💻

Пссс... А в этом сервисе ты можешь сократить ссылку, поделиться файлом илм текстом, ставить пароли, отслеживать статистику по переходам, включать автоудаление - и всё это бесплатно!
754
Анна Блок | FrontendBlok

26 Dec, 12:06

Как-то так ощущаются предновогодние дедлайны, верно?
698
Анна Блок | FrontendBlok

25 Dec, 11:15

Новогодний скидкопад на FrontendBlok ☃️

Новый год — это время, когда пора загадывать желания!

Если вы давно мечтали трудоустроиться в 2025 году на фронтенд-разработчика или попробовать себя на фрилансе, то мы подготовили для вас пакетные предложения с 40% скидкой ‼️

🎁 Кроме этого, мы подготовили для каждого купившего по пакетному предложению подарки:

🏆 Подписка ChatGPT Plus на 1 месяц
🏆 Бонусное видео «Как работать на зарубежных фриланс биржах из РФ?»
🏆 Гайд «50+ полезных инструментов для фронтенд-разработчика»

Или можно просто купить любой курс прямо на frontendblok.com со скидкой 20%, а чтобы воспользоваться скидкой 40%, нужно оставить заявку:

🔗 ОСТАВИТЬ ЗАЯВКУ

Ваши желания должны сбываться! 💖
765
Анна Блок | FrontendBlok

24 Dec, 16:38

Новые игры для изучения Flexbox и Grid 🎮

📌 Flex Box Adventure
📌 Grid Attack

Это именно тот самый случай, когда игры — не пустая трата времени.

📎 Сохраните себе, чтобы не потерять. И накиньте огня на пост, если полезно.
801
Анна Блок | FrontendBlok

24 Nov, 21:49

Алгоритм разблокировки Youtube 📹 и прочих сервисов:

💜 Зарегистрируйте VPN на хостинге Aeza (Доступные страны: Россия, Франция, Германия, Швеция, Австрия)
💜 После оплаты минимального тарифа ожидайте активации 2-3 минуты
💜 Далее перейдите страницу услуги, нажав на три точки
💜 Создайте профиль во вкладке Профиль
💜 Скачайте Outline Client внизу страницы (Win, MacOS, Linux, Android, iOS)
💜 Скопируйте ссылку для подключения из вкладке Профиль на хостинге
💜 Добавьте VPN ключ в Outline
💜 Нажмите на Connect и бесконечно наслаждайтесь скоростью ☕️

Это обновленная версия инструкции. Если по тексту возникли вопросы, то посмотрите это видео, там всё показано от и до.

Накидайте 🔥, если было полезно!
250
Анна Блок | FrontendBlok

24 Nov, 17:53

Потратьте 5 минут своего времени, чтобы бесконечно наслаждаться доступным интернетом ☕️

Специально для вас записала видео о том, как супер-просто настроить VPN, который будет работать не только в браузере, но и на всём компьютере. Смотрите видео там, где удобно:

Youtube | Дзен | VK

P.S. Помните, был случай, когда блокировали Steam? Так вот этот метод позволил бы вам его запустить, а не только сайты в браузере. Обязательно сохраните видео себе 📎
512
Анна Блок | FrontendBlok

24 Nov, 16:36

Всё отлично работает! VPN запускается 🌍

Скоро опубликую видео, где покажу, что надо делать, если вдруг по этой инструкции у вас не получилось ✨
568
Анна Блок | FrontendBlok

24 Nov, 09:57

Как правильно оценить срок выполнения заказа на фрилансе? ⏰

Если вы планируете полноценно выйти на фриланс или просто иногда брать заказы в качестве дополнительного заработка к основной работе, то рано или поздно вы столкнётесь с прямым вопросом от клиента: «‎За какой срок будет выполнен заказ?».

Именно в этот момент могут закрасться сомнения и это может произойти по нескольким причинам:

▪️ Вы — новичок и не можете оценить скорость выполнения
▪️ Вы на опыте, но в задаче есть технология, с которой не работали на практике
▪️ Техническое задание от клиента недостаточно чёткое

Ситуации могут быть разными и именно в этой статье разберем два вопроса:

▪️Как правильно оценить сроки?
▪️Что делать, если дедлайн уже близок, но поняли, что не успеваете? 

Как правильно оценить сроки? 🧐

▪️ Проанализируйте техническое задание. Важно, чтобы оно было четким и понятными для вас. Избегайте размытых формулировок. Например, если написано «‎сделать сайт красивым», а вы — веб-разработчик, то важно, чтобы у вас на руках был дизайн-макет. Вы не обязаны заниматься дизайном и делать его красивым, это не входит в Ваши компетенции. А вот «‎сделать сайт в соответствии с макетом» — это четкая и понятная формулировка.

📎 Читать дальше

P.S. Кстати в статье рассказала пример из жизни, где мне пришлось на 1 месяц (!!!) задержать срок сдачи проекта. Поделилась тем, как мне удалось сохранить доверительные отношения с клиентом, продолжить с ним работу и после он даже рекомендовал меня другим.

Эта ситуция была в этом году, но нигде о ней не рассказывала ранее.
638
Анна Блок | FrontendBlok

23 Nov, 13:04

Вот как выглядит интерфейс ChatGPT Canvas 👀

Запрос максимально тупой просто, чтобы показать интерфейс изнутри. Готовлю видео обзор.

А вы уже успели его потестировать?
761
Анна Блок | FrontendBlok

23 Nov, 12:14

Стоимость на все курсы снижена до -70% ⚡️⚡️⚡️

Как принять участие в Черной Пятнице?

▪️ Перейдите на https://frontendblok.com/
▪️ Выберите любой курс или марафон через меню
▪️ Оплатите через форму, которая есть на каждой странице

‼️ Кроме этого у нас проходит акция «‎2 по цене 1»

Это значит, что при покупке 2х курсов сразу скидка на каждый составит 50%. Предложение действительно при единоразовом платеже или рассрочке на период 3-6 месяцев включительно.

Курсы:

▪️ Базовый курс (старт 09.12)
▪️ Продвинутый курс (старт 09.12)
▪️ Блоги на Wordpress (старт 09.12)
▪️ JavaScript (старт 23.12)

🗓 Период акции:
22.11 - 29.11 включительно
795
Анна Блок | FrontendBlok

23 Nov, 11:30

Прошло уже 2.5 года с этого сообщения, а актуальности своей оно не потеряло.
793
Анна Блок | FrontendBlok

22 Nov, 17:02

💬 Рекрутер печатает
1,034
Анна Блок | FrontendBlok

22 Nov, 11:09

🎁 Подарок для каждого, кто купит любой курс в дни Черной Пятницы

Отправим гайд «50+ полезных инструментов для фронтенд-разработчика» на вашу почту, которую вы укажете при оплате.
900
Анна Блок | FrontendBlok

22 Nov, 09:45

Черная Пятница! Цены на обучение фронтенду тают на глазах! 🔥🔥🔥

Традиционно каждый год я провожу самый настоящий парад скидок без предварительных повышений, как это делают некоторые недобросовестные интернет-магазины под видом Черной Пятницы.

Для удобства скидки разделила на блоки, чтобы было проще ориентироваться:

▪️ Базовый курс (старт 09.12)
▪️ Продвинутый курс (старт 09.12)
▪️ Блоги на Wordpress (старт 09.12)
▪️ JavaScript (старт 23.12)

Самостоятельный тариф:
12 990 руб (19 990 руб)

Полный тариф с куратором:
17 990 руб (24 990 руб)

Индивидивидуальный тариф:
34 990 руб (49 990 руб)

📉 При покупке 2х курсов сразу без рассрочки скидка составит 50%

➿

▪️ Анимация CSS и JS
▪️ Elementor в Wordpress
▪️ Современная верстка
▪️ Многостраничная верстка

2 490 руб (4 990 руб)

▪️ Email верстка

2 490 руб (9 990 руб)

▪️ Flexbox
▪️ Grid
▪️ SVG

990 руб (2 990 руб)

➿

Хотите оформить рассрочку? Все условия для вас действительны при оформлении рассрочки от 3-х до 6-ти месяцев включительно.

При оформлении рассрочки на срок от 10-ти до 18-ти месяцев действует доплата +10%, так как с 21 ноября нам повысили тарифы из-за политики ЦБ в отношении ключевой ставки.

🗓 Период акции:
22.11 - 29.11 включительно
853
Анна Блок | FrontendBlok

21 Nov, 12:04

Хочу поиграть на компьютере во что-нибудь, но мышь сама двигается к Visual Studio. Как исправить этот баг?
777
Анна Блок | FrontendBlok

21 Nov, 11:44

Вдохновляющий сайт с анимацией на three.js ✔️

three.js — это JS библиотека, для удобного управления WebGL. Иначе говорят, для работы с 3D элементами. На этом сайте при переключении каждого раздела подгружаются 3D объекты, которые меняют свою проекцию при движении курсора. Также интересно реализовано переключение меню. Обязательно посмотрите с компьютера.

А если вы хотите больше углубиться в тему 3D, то рекомендую взглянуть на 2 курса, где эта тема изучается - курс по веб-анимации и новый курс по javascript, который стартует только 23 декабря 2024. способная сделать невероятную анимацию на сайте.

💻 Демо сайта
907
Анна Блок | FrontendBlok

21 Nov, 07:47

Подборка вопросов для собеседования на позицию Frontend 💻

Это место, где собрано огромное количество вопросов с ответами для собеседований. Если вы планируете трудоустройство на позицию Junior/Middle Frontend разработчик, то обязательно добавьте в закладки.

Например, там есть разделы по HTML, CSS, JavaScript, ECMAScript, TypeScript, React, Vue, Angular, Node и прочим технологиям, а также смежным направлениям.

⭐️ Git-репозиторий
934
Анна Блок | FrontendBlok

20 Nov, 21:03

Уже завтра на месте этого стола встанет стол с подъёмным механизмом. А это значит, что можно будет начать процесс организации рабочего пространства, как из Pinterest ✨

Единственное преимущество стола на фото - это вместительные выдвижные ящики, чтобы сложить мелкую технику.

Поделитесь фотками в комментариях своего рабочего пространства или то, о котором вы мечтаете 👇
1,006
Анна Блок | FrontendBlok

20 Nov, 08:07

Так обычно это работает на удаленке?
1,295
Анна Блок | FrontendBlok

19 Nov, 19:32

Объясните мне, почему в Казанском вокзале айтишных книг больше, чем на Арбате и Охотном ряду в Москве? 🤔

Ну, серьезно. В таких местах, где площадь 2м*2м, ожидаешь увидеть художественную литературу, кроссворды, журналы, но никак не это. При чём каждая книга 2023-2024 года издания 😳

Например, увидела такую (см.фото), но это как раз то самое про ChatGPT, что особо не касается программистов. На мой взгляд из раздела в раздел запросы повторяются и очевидны, либо очевидны только мне, потому что кроме кода, еще работаю с контентом, но, может быть, вам было бы интересно её полистать.

⭐️ Читать книгу

Но в последнее время больше читаю литературы по GameDev, поэтому если вы хотите посмотреть отзыв на книгу, которую брала в поезд, то добро пожаловать на мой второй канал, который посвящён играм. Заодно подпишитесь ❤️
1,307
Анна Блок | FrontendBlok

19 Nov, 18:51

Окей, гугл, под какое разрешение надо подготовить вёрстку? 🤨
1,170
Анна Блок | FrontendBlok

19 Nov, 10:28

На моём аккаунте уже доступен ChatGPT Canvas.

Го тестовать? 👩‍💻🧑‍💻

Ранее уже рассказывала о его возможностях в этом посте, но если совсем коротко, то это интрумент для программистов. А у вас уже появилась эта фича? Успели попробовать?

А если нет, то накидайте огней 🔥, если нужно написать пост или записать видео об этом.
1,280
Анна Блок | FrontendBlok

18 Nov, 08:21

Общие впечатления от конференции Merge в Сколково

Ранее на мероприятиях такого масштаба не участвовала. Меня пригласили выступать в качестве спикера, поэтому это стало отличным поводом посмотреть, как проходят IT-конференции.

Докладов было сформировано много. Merge не акцентировал внимание на одной сфере. Кроме Frontend, Backend, MobileDev, GameDev и дизайна, были еще потоки про маркетинг, контент, аналитику, AI и прочие околоайтишные темы.

Это неплохо, так как мне хотелось посетить потоки из мира GameDev и AI. Все доклады были интересными. Почерпнула для себя идеи о том, как в будущем можно улучшить свои выступления. Ведь нет предела совершенству, верно?

Вы же слышали раньше, что на конференциях часто не только доклады решают, но и нетворкинг? По факту так и получилось.

Основное время на конференции заняло общение с коллегами-фронтендерами, IT-предпринимателями, полные идеями и желаниями развивать свой продукт, а также познакомилась вживую с теми, с кем общалась только онлайн по рекламным интеграциям и в целом по айтишке.

Зал, в котором я выступала, был самым большим из всех, если сравнивать с другими. Заполненность зала хоть и не была 100%, но если бы дали комнатку для выступления, то её точно не хватило бы, поэтому площадь проведения была выбрана верно.

Запись докладов официально не велась, что кажется минусом, так как во время моего выступления был доклад про WebApp в Telegram и физически на нём присутствовать было просто невозможно. Записи есть только у тех, кому записали зрители из зала или у тех, кто заранее спланировал запись вместе со своей командой.

После посещения IT-конференции осталось ощущение праздника. Сейчас в плане погоды не самый лучший месяц, но именно это событие прекрасно скрасило эти два дня.

Продолжение в фотографиях и видео будет по этим постом в комментариях, но опубликую позже, так как еще еду в поезде.
1,137
Анна Блок | FrontendBlok

17 Nov, 14:09

В топ самых матерящихся профессий вошли водители, айтишники и бухгалтеры.

Ну а как еще то с компьютером разговаривать, если код не работает? Он по-другому и не поймёт 🤔
1,297
Анна Блок | FrontendBlok

17 Nov, 12:10

Такую книгу купила про ChatGPT 🤖

Не скажу, что там есть какие-то сокральные знания, о которых вы не знали, но мне понравилось, что тут содержание с уклоном на программистов (ранее видела подобные книги, но для блогеров, smm и пр.), поэтому её оцениваю, как настольную книгу, к которой можно иногда возвращаться, чтобы подглядеть промпты для успешный работы с кодом.

При чём уровень запросов сильно глубже, чем просто "напиши код для запуска модального окна на JS" и подобное.

А вы уже встречалили книги на такие темы в магазинах?
1,155
Анна Блок | FrontendBlok

16 Nov, 09:01

Запись с доклада "Новый взгляд на CSS анимацию" 👀 + материалы

Во время выступления каждого зрителя пригласила подписаться на мой тг-канал, так как обещала пост, где поделюсь материалами с доклада. Но я и представить не могла, что запись всё-таки будет. Один зритель, который выиграл билет на конференцию, любезно поделился видео, за что ему огромное спасибо ❤️

🔗 Материалы:

🏆 Демо функций
🏆 Генератор cubic-bezier
🏆 Пример простой анимации
🏆 Пример с animation-composition
🏆 Пример animation-timeline + scroll-timeline
🏆 Пример animation-timeline

Накидайте 🔥 в качестве реакций, если было полезно!
1,510
Анна Блок | FrontendBlok

15 Nov, 22:06

Первое фото - то, ради чего обычно идут на конференцию айтишники 👩‍💻🧑‍💻

Стикеры, закладки для книг, футболки, ручки, блокноты и т.д. и т.п. Но у меня получился скромный сет, так как пришла днем и, скорее мне давали всякие ништяки просто так, но один из участников конференции показал, как собрал целый пакет - вот, где был истинный целенаправленный профессиональный улов 😅

Второе фото - мой стикерпак, который я успешно забыла захватить на первый день конференции, чтобы дарить каждому, с кем словлюсь. Но на завтра я его не забуду ✌️

Кстати завтра поделюсь материалами с моего выступления. Сейчас уже поздно для таких публикаций.
1,213
Анна Блок | FrontendBlok

15 Nov, 14:16

Выступила с докладом. Без факапов не обошлось.

Само выступление прошло как надо, но организатор за месяц просил выбрать книгу, которую могла бы вручить в качестве подарка за хороший вопрос.

Книгу не купили (в этот момент вспомнила, как классно проходил Moscow CSS — ламповая конфа, где о таких важных мелочах не забывали).

Но мой опыт участия в театральной школе научил меня, что всегда нужно уметь решать любую ситуацию, ведь на сцене многое может произойти спонтанно. И такое решение сразу возникло в голове.

Я сказала, что подарю книгу всем, кто задавал вопросы, а не только тому, кто задал лучший вопрос. Отправлю по почте каждому, либо (если успею), получу ее сегодня и подарю завтра, так как конференция продолжится еще и завтра. Подарки дарить люблю, поэтому мне не сложно ♥️

Кстати сюда я еще выложу презентацию доклада и все примеры, которые были озвучены во время доклада. Но сделаю это позже, так как еще в Сколково.

А на видео кусочек с моего выступления.
1,172
Анна Блок | FrontendBlok

15 Nov, 11:30

Просто оцените масштабы зала. Такого объема на выступлениях у меня еще не было. Обычно только ламповые маленькие залы ✨
1,042
Анна Блок | FrontendBlok

15 Nov, 11:26

Сегодня выступаю на конференции в Сколково, поэтому весь контент будет строиться только на этом. Вам интересно посмотреть, как проходят такие мероприятия?

А сама я выступаю с докладом через 40 минут. Пожелайте удачи! 👻
1,150
Анна Блок | FrontendBlok

14 Nov, 10:37

Игра-лабиринт 👻

Выполнено с помощью CSS и JavaScript. Управление осуществляется с клавиатуры.

⭐️ Исходник игры
1,233
Анна Блок | FrontendBlok

13 Nov, 16:30

Смотрите, что еще можно сделать, используя только animation-timeline 👀

⭐️ Курс по веб-анимации
1,160
Анна Блок | FrontendBlok

13 Nov, 14:08

CSS анимацией можно управлять, если вы скроллите контент 🖥

Звучит, как сказка, учитывая, что такое можно было делать, используя JavaScript. Но я вам уже не раз говорила и продолжаю говорить, что CSS берет лучшее от JS.

Минус пока только в том, что поддержка такой фичи на уровне 72%, но когда-то и Grid и Flexbox плохо работали... Зато сейчас его все активно используют и не представляют ничего лучше. Также будет и с новой фичей в анимации 🫡

Кстати про это как раз буду рассказывать на конфе Merge в Сколково 15 ноября в 15:00.

На докладе расскажу о том, как пользоваться:

🏆 animation-composition
🏆 animation-timeline
🏆 scroll-timeline

Кто придёт? Напишите в комментариях.

А еще добавлю об этом отдельный урок на курс по веб-анимации. Напоминаю, что некоторые курсы всегда дополняются новой информацией, если что-то появляется из новинок. Круто повезло тем, кто уже там, но вы тоже можете присоединиться 👇

⭐️ Курс по веб-анимации
1,485
Анна Блок | FrontendBlok

13 Nov, 07:44

Учебник по Typescript с примерами кода 📚

⭐️ Открыть
968
Анна Блок | FrontendBlok

13 Nov, 05:55

Дорожная карта React-разработчика 💻

⭐️ Открыть

Ставь реакцию, если работаешь с:
🔥 React
🤩 Vue
⚡️ Angular
970
Анна Блок | FrontendBlok

12 Nov, 09:49

Пост на тему "Какие движки можно использовать для создания браузерных игр" опубликовала на втором канале 🎮

Некоторые из них являются библиотеками JavaScript 🤫

Подпишитесь, если интересуетесь сферой GameDev: @annabloknote
1,089
Анна Блок | FrontendBlok

11 Nov, 19:12

35 откликов тех, кто проявил интерес к фейковой вакансии с максимальным количеством 🚩🚩🚩

Хотела оформить сначала в формате подборки изображений, но это просто невозможно, так как подход к откликам у каждого отличается. Кто-то указал ЗП, кто-то нет. Кто-то добавил файл резюме, кто-то просто забил на него, а кто-то просто написал текстом в отклике.

К тому же, у всех разный опыт, но могу сказать, что пока делала скрины - запомнила 2-3 специалистов, которых чисто гипотетически позвола бы на собес, если бы была такая цель.

Не знаю, что именно зацепило. Возможно, 90% — это бездушное резюме, а кто-то подошел творчески к нему и именно они запомнились больше всего.

⭐ Открыть файл
1,108
Анна Блок | FrontendBlok

11 Nov, 18:07

Есть стойкое ощущение, что первое сообщение написал HR. А вы как думаете?

А файлик с тем, кто оставлял отклики уже готовлю. Делаю скрины с названиями позиций, ожиданиями по ЗП, скиллами. Имён, контактов и названий с предыдущих мест работы не будет, чтобы не было возможности, как либо идентифицировать специалиста.

Всё-таки цель эксперимента была не в том, КТО откликнулся. А посмотреть, какой уровень специалистов был.
1,196
Анна Блок | FrontendBlok

11 Nov, 12:05

Разместила плохую IT вакансию на Junior Frontend 🚩🚩🚩 Результат удивил! 😱

Эксперимент, который обещала запустить — запустила. Пришло время подвести итоги. Разбор в видео. Смотреть можно на любой удобной площадке.

Youtube | Дзен

Поддержите видео лайком и напишите ваше мнение, почему результат получился именно таким.
1,194
Анна Блок | FrontendBlok

09 Nov, 17:58

К своему выступлению в Сколково хотела успеть сделать онлайн-генератор для CSS свойства animation.

Но перед его релизом хотела бы послушать ваше мнение о том, что 100% вам хотелось бы видеть в нем.

Или напишите, что в теме CSS анимации у вас всегда вызывает сложности.
380
Анна Блок | FrontendBlok

09 Nov, 09:13

Cборка Gulp с бандлером из Vite 👩‍💻

Эту сборку сделал админ нашего чата, которую постоянно дополняет и совершенствует.

Преимущества сборки:
🏆 Легкая, быстрая, простая
🏆 Cобрана на ES6-модулях
🏆 Бандлер из Vite

⬇️ Скачать сборку
574
Анна Блок | FrontendBlok

09 Nov, 07:13

Вдохновляющий пример анимации на GSAP ✔️

GSAP — это JS библиотека, способная сделать невероятную анимацию на сайте. Об этом мы как раз говорили на курсе по анимации, а также более подробно будем изучать на новом курсе JavaScript.

Единственное, что мне не нравится на сайте — это то, как выполнено замедление скролла. Но мне в целом не нравится этот эффект на любом сайте, когда разработчики вмешиваются в привычную работу скорости скроллинга.

💻 Демо сайта
563
Анна Блок | FrontendBlok

08 Nov, 17:49

Веб-разработчики после того, как WebStorm сделали бесплатным 🌞
692
Анна Блок | FrontendBlok

08 Nov, 15:15

Распродажа в честь 11.11 до -60% прямо сейчас 🛍

Для многих ноябрь — это возможность купить что-то со скидкой в любом магазине оффлайн или онлайн. Мы тоже дарим Вам такую возможность!

🏆 Период акции: до 11.11 включительно
🏆 Размер скидки: до -60% на все курсы

⭐ Выбрать курс со скидкой
709
Анна Блок | FrontendBlok

07 Nov, 19:30

Тот самый момент, когда компания сказала "мы вам перезвоним" и реально перезвонила.
787
Анна Блок | FrontendBlok

07 Nov, 14:50

Многие ассоцируют ноябрь с периодом скидок ☄️
Распродажа 11.11 прямо сейчас 🛍

C 7 ноября по 11 ноября скидки до 60% на любой курс, который размещен на frontendblok.com

👀 Как воспользоваться?

1) Переходите на сайт
2) Через меню в шапке сайта перейдите на любой курс или мини-курс
3) Перейдите в форму оплаты

Все скидки отражены в блоке "Сколько стоит" на каждой странице
796
Анна Блок | FrontendBlok

07 Nov, 12:38

Официальный старт продаж курса JavaScript 🔥

⏳ Длительность: 9 недель
🗓 Старт обучения: 23 декабря 2024

Что научитесь делать после прохождения курса?

🏆 Использовать JavaScript на сайтах, где практика — это 100% ситуаций, которые вам пригодятся на реальных проектах (например, модельные окна, формы валидации и т.д.)
🏆 Анимацию на чистом JavaScript и с использованием библиотек (GSAP, Swiper)
🏆 Напишите браузерную игру на WebGL (three.js)

⚡️ Записаться на курс

C 7 ноября по 11 ноября самая низкая стоимость для записи на совершенно новый курс по JavaScript, где будет минимум сухой теории, но много-много практики!

Нужна консультация?
Напишите нам - @frontentblokbot
777
Анна Блок | FrontendBlok

07 Nov, 11:48

Как зарабатывать, зная JavaScript, кроме очевидных методов?

Под очевидными методами имею в виду трудоустройство и фриланс. Там всё просто: выполняете задачу, получаете за это 💸💸💸

Но что ещё?

В подборке показала 5 интересных методов монетизации, которые можно использовать, обладая базовыми знаниями JavaScript в обнимку с ChatGPT.

Накидайте огня 🔥, если вам приглянулись эти методы.
759
Анна Блок | FrontendBlok

07 Nov, 09:50

Сегодня будет день анонсов. Как думаете, о чем будут сегодняшние посты?
770
Анна Блок | FrontendBlok

06 Nov, 08:56

ТОП-20 🚩🚩🚩 которые можно встретить в вакансиях

В этом посте хочу подытожить всё, что вы написали. Если с чем-то несогласны или хотели бы добавить - напишите в комментариях.

🏆 Большой список технологий, который тянет на уровень senior, а не junior
🏆 Требования значительно выше, чем предполагает уровень должности
🏆 Фраза "мы семья" и подобное
🏆 Фразы про "многозадачность" и "стрессоустойчивость"
🏆 Фраза "молодая развивающаяся компания"
🏆 Фраза про "печеньки" и "чай"
🏆 Отсутствие информации о компании в Интернете
🏆 У компании опубликовано несколько вакансий и везде одинаковая ЗП
🏆 Не указана ЗП
🏆 Нереалистичная вилка ЗП
🏆 Слишком завышенные цифры ЗП
🏆 Требования и обязательства на целую команду, а ЗП как у джуна
🏆 Требование "быть на связи 24/7"
🏆 Предполагаются переработки (при этом без доплат по коэффициентам)
🏆 Отсутствие четкого ТЗ в задачах или их постоянное изменение
🏆 Отсутствие информации по грейдам (показатели, по которым вас могут повысить в должности с возможность повысить свою ЗП)
🏆 Старый стек технологий с нежеланием переписать технологии на новые
🏆 Работа удалённая, но обязательно раз в неделю (или другой период) надо посещать офис
🏆 Большое тестовое задание без технического собеседования
🏆 Обещание, не подкреплённое ничем "небольшая ЗП на старте с перспективой роста"

К сожалению, некоторые моменты возможно узнать только в момент собеседования или уже только после трудоустройства. Например, о том, что в компании начальник — самодур.

🏆 Если в вакансии вы видите 2-3 пункта или больше из списка выше, то это знак, что не стоит откликаться.

🏆 Если вакансия в целом неплоха, но вы видите только 1 пункт, например, фразу про "печеньки" и "чай", то это не повод закрывать на неё глаза.
922
Анна Блок | FrontendBlok

01 Nov, 10:13

Алгоритм разблокировки Youtube 📹 и прочих сервисов:

💜 Зарегистрируйте VPN на хостинге Aeza (Доступные страны: Россия, Франция, Германия, Швеция)
💜 После оплаты минимального тарифа ожидайте активации 2-3 минуты
💜 Далее перейдите страницу услуги, нажав на три точки
💜 Создайте профиль во вкладке Профиль
💜 Скачайте WireGuard с оф.сайта (Win, MacOS, Android, iOS)
💜 Для использования на смарфтфоне сканируйте QR код или нажмите на "скачать профиль", если использовать сервер будете на ПК (скачается файл .conf — это конфигурация вашего сервера)
💜 Запускаете и бесконечно наслаждаетесь скоростью ☕️

Преимущества:

🏆 Личный vpn никогда не отвалится
🏆 Идеальная скорость, будто не используете vpn вовсе
🏆 Из других стран можно пользования российскими сервисами и наоборот
🏆 Работает на всём компьютере, а не только браузере

Накидайте 🔥, если нужно снять видео на эту тему, чтобы показать наглядно этот алгоритм и другие варианты.
671
Анна Блок | FrontendBlok

29 Oct, 12:29

7 игр, которые помогут прокачать навыки фронтенда 🎲

🏆 Wilco
🏆 CodinGame
🏆 Project Euler
🏆 Flexbox Froggy
🏆 Grid Garden
🏆 CSS Diner
🏆 CodeCombat

Накидайте огоньков 🔥, если было полезно

🏆 Наш чат
1,172
Анна Блок | FrontendBlok

28 Oct, 11:11

⚡️⚡️⚡️ Временно сделали наш чат приватным. В комментариях под постом ссылка для вступления.
1,264
Анна Блок | FrontendBlok

26 Oct, 08:45

Найдена настоящая причина, почему все хотят стать айтишниками 💻
1,472
Анна Блок | FrontendBlok

23 Oct, 13:22

Проведу бесплатный эфир на тему «10 способов заработка, если Вы — начинающий web-разработчик».

✨ На эфире Вы:
— Узнаете подробно обо всех методах: от очевидных, которые возникли в голове, до сааамых неочевидных. Вы точно удивитесь!
— Поймете, где искать клиентов и заказы, даже если у вас еще нет портфолио.
— Разберетесь, как монетизировать свои наработки: шаблоны, плагины, мини-проекты и даже учебные материалы.
— Услышите советы по развитию личного бренда и ведению соцсетей, чтобы привлекать аудиторию и заказчиков.
— Сможете задать свои вопросы и получить ответы в реальном времени!
— Анонсирую курс JavaScript и приятные скидки на существующие курсы!

🕔 Начало эфира: 26 октября 20:00 мск

🎁 После регистрации получите гайд «Пошаговая инструкция, как получить первый заказ на фрилансе без опыта»

👇 Зарегистрироваться на эфир:
@frontendblok_bot
@frontendblok_bot
@frontendblok_bot
1,511
Анна Блок | FrontendBlok

23 Oct, 10:18

ChatGPT для веб-разработчиков такой типо - Бу! Испугался? Я друг!
1,208
Анна Блок | FrontendBlok

22 Oct, 10:44

Список идей для приложения на Vue/React кроме todo-лист 👇

🏆 Календарь с днями рождениями
🏆 Календарь с задачами, фильтром событий и тд
🏆 Кинотеатр с покупкой билетов, выбором мест и тд
🏆 CRM для разных типов пользователей: со статусом пользователь, админ, менеджер и тд.
🏆 Прогноз погоды (но не только отображение погоды в конкретном городе, но и навесить других функций)
🏆 Фитнес-центр (калькулятор тарифов, слайдеры)
🏆 Приложение для узыкальной группы (вывод треков, составление рейтинга, аудио на фоне при загрузке сайта, любые нестандартные анимации)
🏆 Промо-страница мероприятия (параллакс, анимации, яркий стиль)
🏆 Правильное питание (калькулятор цен, подбор тарифов, табы)
🏆 Учебник, энциклопедия (веб-приложение, поиск по ключевым фразам, разделы, работа с API)
🏆 Флаги стран (работа с API, строка поиска, переключение на светлую/темную тему)
🏆 Генератор случайных фраз (JavaScript, анимация)
🏆 Приложение с тестами (веб-приложение, идеально показать: результаты на аккаунте пользователя)
🏆 Сайт украшений (анимации, интернет-магазин, вывод stories на главном экране)
🏆 Редактор фото (JavaScript, адаптив под любой экран)

Что еще добавите к этому списку?
1,435
Анна Блок | FrontendBlok

22 Oct, 09:11

Если вы участвовали в розыгрыше, но не нашли себя в числе победителей - не расстраивайтесь!

Для всех желающих посетить конференцию Merge 15-16 ноября в Москве используйте промокод ANNBLOK — он сделает вам скидку 20% на покупку любого билета!

🎫 Купить билет
1,382
Анна Блок | FrontendBlok

22 Oct, 09:00

🎉 Результаты розыгрыша:

Победители:
1. Dmitriy (@ZanZerah)
2. Русланчик (@Rys9o)
3. Егор (@GodEnCrow)

Проверить результаты
1,203
Анна Блок | FrontendBlok

22 Oct, 08:17

Вопрос про IT и психическое здороье. Достойно обсуждения.

Напишите свои мысли в комментариях 👇

🏆 Наш чат
1,393
Анна Блок | FrontendBlok

21 Oct, 13:20

28 октября стартует программа для новичков, которые хотят научиться создавать сайты ⌨️

Что будет? 👇

📍 5 недель интенсивного обучения
📍 2 недели на дипломную работу
📍 2 объемных сайта, которые не стыдно опубликовать в портфолио
📍 Освоите работу HTML/CSS и немного JavaScript
📍 Узнаете об актуальных техниках в CSS и новинках

Почему стоит идти именно на этот поток? 👇

🧑🏻‍💻 Обучение с куратором - стоимость этого тарифа снижена
🎁 Подарок: курс по анимации при покупке тарифа с куратором
➕ Получите индивидуальную консультацию с Анной Блок - составите CV, оформите профиль, обсудите цели по профессии и их достижение

⚡️ Записаться на курс

На других потоках таких подарков и консультаций не будет 🤫
1,309
Анна Блок | FrontendBlok

21 Oct, 11:48

Подборка годных книг по JavaScript. Сохрани себе, чтобы не потерять! ⭐️

🏆 JavaScript с нуля до профи
🏆 JavaScript в примерах и задачах
🏆 Современный JavaScript для нетерпеливых
🏆 JavaScript с нуля
🏆 Выразительный JavaScript

Книги из серии You Don't Know JS:

🏆 Познакомьтесь, JavaScript
🏆 Область видимости и замыкания
🏆 Асинхронная обработка и оптимизация
🏆 Замыкания и объекты
🏆 Типы и грамматические конструкции
🏆 ES6 и не только

Еще больше книг по разным языкам программирования и смежное про IT можно найти на отдельной странице, которую мы для вас подготовили!
1,340
Анна Блок | FrontendBlok

21 Oct, 10:03

С началом рабочей недели! ✨

Возможно, кто-то пропустил, но я буду выступать на конференции Merge с темой «Новый взгляд на CSS анимацию» 15-16 ноября в Москве.

Провожу розыгрыш билетов на бесплатное посещение. Определю трёх победителей. Все подробности в этом посте.

Участвовать можно только там. Бот, который привязан к посту автоматически рандомом определит победителей 22 октября в 12:00 мск.
1,333
Анна Блок | FrontendBlok

20 Oct, 22:20

Минусы будут?
1,459
Анна Блок | FrontendBlok

20 Oct, 14:37

Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день.

Присоединяйтесь: @FrontendPortal
705
Анна Блок | FrontendBlok

20 Oct, 10:50

С радостью сообщаю, что я буду выступать на крупнейшей межрегиональной IT-конференции Merge с темой «Новый взгляд на CSS анимацию» 🔥

На конференции вы сможете послушать не только мой доклад, но и ведущих экспертов из других областей, обменяться опытом с коллегами и найти вдохновение для новых проектов.

📅 Дата: 15-16 ноября
📍 Место: технопарк «Сколково»

Кроме того, я рада поделиться с вами билетами на это замечательное мероприятие. Хотите стать частью Merge и услышать мой доклад? Тогда не упустите свой шанс!

Для участия в розыгрыше билетов:
1️⃣ Быть подписанным на мой канал @frontendblok
2️⃣ Оставить реакцию на пост
3️⃣ Нажать кнопку для участия

Победителей объявлю 22 октября в 12:00 мск. Желаю удачи всем участникам и надеюсь увидеть вас на Merge!
1,588
Анна Блок | FrontendBlok

20 Oct, 08:42

Ух, какие глупые ребята на themeforest... Ну какие HTML5 Games?

Забыли выделить крупным текстом, что там еще используется HTML, CSS, Construct, Canvas!

А вот автор книги молодец, не забыл!

Кстати как делать 2D и 3D графику изучаем на курсе по анимации, где работаем <canvas> и WebGL (three.js). Пишем код не только на HTML5, но и JavaScript!
1,266
Анна Блок | FrontendBlok

20 Oct, 08:31

Разгорелся нешуточный спор о том, что ОКАЗЫВАЕТСЯ нельзя писать фразу «HTML5 Игра». Важно, еще дописывать рядом и другие технологии: CSS, JavaScript, Canvas, ну или WebGL.

А то не очевидно же...

Честно, не ожидала что когда-нибудь встречу такое. Казалось бы, прошло-то всего 10 лет, а уже так сильно заметно, кто зашел в IT недавно, а кто до +-2015 года, потому что разрабы тех лет прекрасно понимают формулировку «HTML5 Игра».

Итак, небольшой экскурс в историю:

Давным-давно существовал HTML4, который получил свое первое и последнее обновление в декабре 1999 года. В нем не было встроенной поддержки для воспроизведения аудио и видео без использования внешних плагинов. В период HTML4 JavaScript не обладал такими возможностями, как сейчас.

HTML5 был выпущен несколько лет спустя - в 2014 году. Ассоциируется он не только с языком разметки, но и с целым набором технологий, которые стали более развитыми в одно и то же время: CSS3, JavaScript, WebSockets, LocalStorage и другие.

Кроме этого в HTML4 не существовало элемента <canvas>, который используется для рисования 2D-графики и создания динамических сцен. А если не существовало <canvas>, то значит и не существовал WebGL, который позволяет запускать 3D-графику на холсте.

Так что если хотите устроить проверку опытности разработчика, используйте термин «HTML5 Игра» в диалоге 😉
1,195
Анна Блок | FrontendBlok

19 Oct, 20:16

Место, где собрано много материалов про Game Dev 🎮

В этом git-репозитории собраны:
🏆 полезные статьи
🏆 книги и курсы
🏆 материалы не только по программированию, но и по 2D/3D-артам
🏆 гейм/левел/аудио-дизайн
🏆 UI/UX и всем прочие аспекты разработки игр

Если интересуетесь Game Dev, то подписывайтесь: @annabloknote

Ссылка на git-репозиторий, где это всё собрано опубликована там же и прочие материалы по разработке игр.
971
Анна Блок | FrontendBlok

19 Oct, 16:59

✨ Вечерний оффтоп:

В какой стране прямо сейчас вы бы хотели оказаться? Не обязательно с целью релокации, если вы связываете это с постом выше, а просто так! 💃

Я начну: 🇧🇷🇵🇹🇹🇭

В первом варианте пока не была, а вот в других — да. И не против снова там оказаться.
993
Анна Блок | FrontendBlok

19 Oct, 16:36

ТОП-6 Telegram каналов с IT вакансиями для релокации 🗺

📍 Connectable Jobs Abroad — здесь размещены вакансии от 200+ зарубежных компаний с русскоговорящими фаундерами или командами.

📍 Dev & ML Jobs за рубежом — цель у группы та же, размещают вакансии от зарубежных компаний с русскоговорящими фаундерами или командами.

📍 Yo Relocate - удалёнка и релокация — кроме вакансий с возможностью релокации, можно найти работу на удалёнку от зарубежных компаний с прямыми контактами HR

📍 Remocate: удалёнка, релокация, работа и вакансии — большая подборка вакансий под разный формат, в том числе с релокацией

📍 Take Friends to Luna Park — не так часто, но стабильно появляются вакансии на разные IT позиции

📍 СЕТИ — IT & Digital вакансии — ежедневные подборки вакансий c прямыми контактами HR на местный рынок и зарубежный

Накидайте огоньков 🔥, если было полезно

🏆 Наш чат
1,003
Анна Блок | FrontendBlok

19 Oct, 11:54

Новости школы: переносы, переезды, подарки ⚡️

🔈 Перенос старта обучения

Начало обучения по основным курсам сдвигаются на 1 неделю. Это значит, что старт обучения будет 28 октября (21 октября). Изменение касается трёх курсов: базовый по верстке, продвинутый по верстке, блоги на wordpress. Ниже расскажем, почему мы рекомендуем идти именно на этот поток.

🔈 Скидка + подарок + консультация за 0 руб

Стоимость тарифа «полный с куратором» = стоимости тарифа «самостоятельный». Но это еще не всё!

Кроме помощи куратора, вы получите еще:
— В подарок курс по анимации
— Консультацию от Анны Блок (Подготовим CV, профиль на Github, соцсети или профиль на фриланс-бирже. Работа на консультации будет зависеть от ваших целей: трудоустройство и фриланс. На консультации обсудите их и после вам будет дан конкретный план действий, чтобы достичь целей)

Предложение действительно только для потока 28 октября на тарифе с куратором по любому из трех курсов: базовый по верстке, продвинутый по верстке, блоги на wordpress.

🔈 Переезд учебного чата из Discord в Telegram

На этой неделе будет технический переезд учебного чата. Для новеньких ничего не изменится, вы сразу попадёте в TG, но если вы уже обучались у нас, то вам будет предложено перейти в TG-чат, который будет разбит на несколько разделов для общения, вакансий, полезные материалы и т.д.

🔈 Завершение обучения на курсе по веб-анимации

На этой неделе завершается обучение для тех, кто учился на этом курсе с самого запуска. Скоро все приступят к выполнению итоговой работы.

За это время узнали, как делаются анимации на CSS, JS, JS библиотеках, Canvas, WebGL, three.js, Lottie, SVG не только в теории, но и на практике. Кроме этого курс в процессе дополнялся по запросу учащихся.

Общение в чате получилось очень активным и рекомендую не тянуть время и присоединиться к нам, пока все заряжаны на общение. Записаться можно в любой день, но самое лучшее время - сейчас.

🥸 На этом новости не заканчиваются, но об этом поговорим позже!
886
Анна Блок | FrontendBlok

15 Oct, 18:22

Вот такой беспредел игровую механику можно запустить в браузере с three.js

Все действия в демо выполняются клавишами:
— WSAD для движения
— Space (пробел) для прыжка
— ПКМ (правая кнопка мыши) бросок мяча

Всё, как в играх.

А теперь представьте, что поковырявшись в коде, вы можете сделать любую карту, текстуру, объекты, звуки, тряски на основе этого, чтобы игра приобрела индивидуальность 🎮

А потом не просто оставить игру пылиться, где-то на своём компьютере, а выгрузить на популярные платформы, чтобы получать с этого монетизацию, пассивный доход 💰

Вы же не думали, что веб-разработчик может только на сайтах зарабатывать? 😉

А вообще пишу об этом, потому что завтра в рамках курса веб-анимации моим студентам откроется урок про WebGL + three.js, где сделаем вместе небольшую игру 🕹

👉 Курс по анимации
1,434
Анна Блок | FrontendBlok

14 Oct, 18:28

Пока пишу курс, меня хватает только на юмор в соцсетях. Но это реально смешно 😂
1,596
Анна Блок | FrontendBlok

14 Oct, 08:29

Ох уж эти нейросети! 🤣🤣🤣
1,692
Анна Блок | FrontendBlok

12 Oct, 16:12

✨ Вечерний оффтоп:

Какую соцсеть вы считаете наилучшей для продвижения себя, как специалиста, и почему?

А я позже поделюсь своим мнением.
1,523
Анна Блок | FrontendBlok

12 Oct, 15:28

ТОП-3 книги по вёрстке ✏️

🏆 Отзывчивый дизайн на HTML5 и CSS3 для любых устройств

Отзывчивый дизайн — это не новая технология, а стандарт разработки на HTML5 и CSS3. Неформальный и открытый стиль автора позволяет быстро освоить все возможности современного веб-дизайна.

🏆 Наглядный CSS

Идеальный справочник, где наглядно описаны все свойства CSS. Содержимое имеет актуальные данные. Любое свойство, которое вы только сможете вспомнить 100% будет описано в книге. Также бонусом идёт глава про SCSS.

🏆 CSS для профи

Изучили основные свойства? Значит пора приступать к чтению этой книги. Например, там вы узнаете более подробно на примерах о поведении разных единиц измерения и как управлять Gird-сеткой.

💥 Еще больше книг по веб-разработке 📚
1,533
Анна Блок | FrontendBlok

11 Oct, 18:51

А вы сможете сделать ТАКОЙ сайт? ☄️

Посмотрите на него, желательно с компьютера. Он сделан с использованием библиотек GSAP, Lottie и three.js

Смогли бы его повторить?

👉 Курс по анимации
1,322
Анна Блок | FrontendBlok

11 Oct, 08:52

Итак, давайте раз и навсегда решим:

Как правильно делать отступы в коде: через ПРОБЕЛЫ или ТАБЫ?
1,483
Анна Блок | FrontendBlok

10 Oct, 14:14

Считаю, что именно так и должны создаваться курсы 👆

Есть запрос 🏆 дополняешь материал.
Всё просто.

На этой неделе стартовал курс по анимации, но если вы хотите получить его за 0₽ и заодно подтянуть базу в верстке с куратором, то воспользуйтесь предложением до 16 октября включительно.
1,494
Анна Блок | FrontendBlok

10 Oct, 12:51

Стоимость курсов снижена ⚡️⚡️⚡️

21 октября стартует новый поток и я подготовила для вас приятные условия для обучения:

‼️ Тариф с куратором стоит столько же, как и самостоятельный тариф на основных курсах

Выгода: сохраните 5 000 руб

⚡️ При покупке этого тарифа в подарок вы получите курс по анимации или elementor (на выбор)

Выгода: сохраните еще 5 000 ₽

Предложение до 16 октября включительно для:

🏆 Базового курса по вёрстке
🏆 Продвинутого курса по вёрстке
🏆 Блоги на Wordpress

Итого выгода: 10 000 ₽
1,321
Анна Блок | FrontendBlok

10 Oct, 11:14

Как выделиться среди конкурентов при поиске работы на позицию джуна? 😎

Можно сколько угодно говорить о невозможности трудоустройства, но каждый раз общаясь с теми, у кого "не получилось", отчётливо вижу косяки, которые реально исправить, чтобы всё стало возможным.

Итак, как же выделиться среди толпы? 👻

🏆 Уверенностью

Как бы банально не звучало, но внутренне вы уже должны быть на позиции победителя. Отсеить мысли "я откликнулся(-лась), но меня точно не возьмут", "да что я вообще умею". С таким настроем вы сразу в проигрыше.

Включите турбо-режим внутренней уверенности в себе, не ломая тонкую грань между пустым ЧСВ и состоянием вечного студента, который всё учит-учит и никак не доучит.

🏆 Серьёзным портфолио

Если у вас пустой Github-профиль, скучный сайт-портфолио, а демо-работы вызывают слёзы, то точно пора что-то менять. Возьмите крутые макеты, сверстайте их, попросите в тг-чате дать фидбек на ваш код или возьмите индивидуальную консультацию от специалиста уровнем выше.

Крутое портфолио мы готовим на базовом и продвинутых курсах. Суммарно будет 4 объемные работы, которые будет не стыдно показать. И можно добавить еще 2 работы с курса wordpress. Итого 6.

🏆 Отказаться от ботов для откликов на HH

Боты делают автоматические рассылки на вакансии. В вакансиях часто есть доп.вопросы, которые отсеивают шаблонные ответы, поэтому если вы дейстительно хотите работать в конкретной компании, то откажитесь от ботов, не ищите вакансии через такие сайты.

Пишите напрямую в компании или напишите авторам вакансий в соцсетях. Подборка ТГ-каналов, где можно искать работу опубликована тут.

🏆 Не писать ЭТО в откликах

Если будете делать отклики в тг, то никогда не пишите первым сообщениям такое: "еще актуально?", "расскажите про условия", "могу помочь". Это кстати актуально и для фриланса. Я и сама видела, как мне откликались такими сообщениями.

Если надо объяснить, почему это плохо - поставьте эту реакцию под постом 😱

Было полезно? Накидайте огня 🔥

С какими пунктами согласны? Что добавите?
1,147
Анна Блок | FrontendBlok

09 Oct, 15:20

Зачем HR в IT спрашивают такое? Есть идеи?
1,322
Анна Блок | FrontendBlok

09 Oct, 14:47

OpenAI снова делает удар по программистам! 👩‍💻🧑‍💻

Появился новый инструмент под названием Canvas для работы с кодом прямо в ChatGPT.

И сейчас многие про себя задали вопрос: "А что, раньше разве нельзя было?" 😅

Основные фишки для кодинга:

🏆 Проверит ваш код и предложит варианты оптимизации
🏆 Добавит комментарии для повышения читаемости кода
🏆 Моментально переносит код на другой язык программирования (JavaScript, TypeScript, Python, Java, C++ или PHP);
🏆 Возможность улучшать, редактировать и фиксить полученный код в окне ответа;
🏆 Код-ревью от алгоритма, исправление ошибок и комментирование.

Но его можно использовать не только для работы с кодом, но и текстом:

🏆 Регулирует стиль и сложность текста прямо на ходу;
🏆 Проверяет текст на ошибки, понятность и логическую последовательность;
🏆 Редактирует длину текста без нового промта.

Платным подписчикам доступ открыт, а владельцы бесплатных аккаунтов смогут попробовать «холсты», когда закончится бета-тест.

Но у меня его пока нет 😔
А у вас?
1,542
Анна Блок | FrontendBlok

08 Oct, 18:26

✨ Вечерний оффтоп:

Напишите в комментариях, какие самые безумные и глупые вопросы вам задавали HR? Или вспомните любые странные издёвки или колкости в вашу сторону, которые вам показались не к месту или которые испортили впечатление о компании.
1,412

2025 All Right Reserved

Disclaimer: The content displayed on this website is solely provided by the respective Telegram channels. We hold no ownership or responsibility for the content shared by these channels.