Анна Блок | FrontendBlok

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

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

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

Так обычно это работает на удаленке?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

А вы уже встречалили книги на такие темы в магазинах?

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

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

🔗 Материалы:

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

Накидайте 🔥 в качестве реакций, если было полезно!

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

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

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

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

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

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

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

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

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

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

А на видео кусочек с моего выступления.

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

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

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

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

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

⭐️ Исходник игры

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

⭐️ Курс по веб-анимации

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

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

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

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

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

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

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

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

⭐️ Курс по веб-анимации

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

⭐️ Открыть

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

⭐️ Открыть

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

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

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

Подпишитесь, если интересуетесь сферой GameDev: @annabloknote

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

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

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

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

⭐ Открыть файл

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

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

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

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

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

Youtube | Дзен

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

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

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

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

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

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

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

⬇️ Скачать сборку

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

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

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

💻 Демо сайта

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

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

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

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

⭐ Выбрать курс со скидкой

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Но что ещё?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

🏆 Наш чат

⚡️⚡️⚡️ Временно сделали наш чат приватным. В комментариях под постом ссылка для вступления.

Найдена настоящая причина, почему все хотят стать айтишниками 💻

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

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

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

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

👇 Зарегистрироваться на эфир:
@frontendblok_bot
@frontendblok_bot
@frontendblok_bot

ChatGPT для веб-разработчиков такой типо - Бу! Испугался? Я друг!

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

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

Что еще добавите к этому списку?

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

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

🎫 Купить билет

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

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

Проверить результаты

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

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

🏆 Наш чат

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

Что будет? 👇

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

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

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

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

На других потоках таких подарков и консультаций не будет 🤫

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

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

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

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

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

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

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

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

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

Минусы будут?

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

Присоединяйтесь: @FrontendPortal

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

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

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

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

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

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

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

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

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

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

Разгорелся нешуточный спор о том, что ОКАЗЫВАЕТСЯ нельзя писать фразу «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 Игра» в диалоге 😉

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

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

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

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

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

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

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

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

ТОП-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 неделю. Это значит, что старт обучения будет 28 октября (21 октября). Изменение касается трёх курсов: базовый по верстке, продвинутый по верстке, блоги на wordpress. Ниже расскажем, почему мы рекомендуем идти именно на этот поток.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

👉 Курс по анимации

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

Ох уж эти нейросети! 🤣🤣🤣

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

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

А я позже поделюсь своим мнением.

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

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

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

🏆 Наглядный CSS

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

🏆 CSS для профи

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

💥 Еще больше книг по веб-разработке 📚

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

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

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

👉 Курс по анимации

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

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

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

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

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

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

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

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

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

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

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

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

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

Итого выгода: 10 000 ₽

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С какими пунктами согласны? Что добавите?

Зачем HR в IT спрашивают такое? Есть идеи?

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

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

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

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

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

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

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

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

Но у меня его пока нет 😔
А у вас?

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

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