​​Понятный ли мой код? Нет.
Работает ли он? Да.

Привет! Сборник материалов, вышедших на этом канале по верстке - для удобства

✔️ Треугольные стрелки html, css

✔️ Расскрывающиеся списки на чистом html, css - с кастомными стилями там дела все-таки не очень и в сложных случаях нужен компонент, js и так далее

✔️ Бургер для меню за 1 минуту

✔️ CSS-счетчики - нужен стильный нумерованный список и число элементов может меняться - CSS это может - и следующий за ним пост тоже об этом и еще один

📝 Блочные и строчные элементы

📝 Вся(почти) правда о флексах

🏃‍♀‍➡️ Быстрая вёрстка в VsCode - базовый html для старта и ещё один пост о том же: быстро писать теги, классы, стили и полезные клавиши VsCode

✔️ Input type range

✔️ Ровняем разноформатные блоки на гридах и еще о гридах, общие принципы, видео

💡 Инструменты проверки доступности

📝 Центрирование в CSS - основные способы

💡 Простые эффекты кнопок

✔️ Обводки текстов, в том числе с градиентом

👌 Крайне полезные редкие css-свойства и еще один пост про фоны, фиксированные при прокрутке

📝 Термины для оценки качества вёрстки, требований к ней

📝Семантические теги

✔️ Кастомный скролл внутри блока

📝 Работа с svg

➡️ По js, vue, git и другим инструментам теорию вынесу отдельно

#теория_фронтенд #вёрстка

Привет! Сделала в проекте роутинг, рассказываю от установки пакета:

- как подключить и настроить
- как использовать в компонентах
- как выделить активную ссылку стилями

🎬 Видео в youtube

🔗 Открытый репозиторий
🔗 Документация, vue-router
🔗 Статья с объяснением

#vue #vite #vuerouter

Привет! Это продолжение сборников с теорией. В этом - теория по JS, вышедшая на канале. Без конкретных задач, без библиотек, vue и прочего.

Тернарный оператор - зачем, как и почему

NaN - не равен сам себе

Методы JS - там два поста, следующий под этим

Копирование объектов и массивов

Типы данных JS

Регулярные выражения

События мыши

Немного лайфхаков JS

Все библиотеки, инструменты, git, vue и так далее будут отдельно

🔗 Теория - вёрстка
🔗 Чат для ваших вопросов и общения

#теория_фронтенд #js

Привет! Хотите видеть ещё и истории жизни во фронтенде?

🤳У кого Telegram Premium, если сможете проголосовать - я смогу публиковать истории и другой интересный контент

🔗 https://xn--r1a.website/front_hedgehog?boost

ИТ-юмор - канал "Stay Ugly ИТ-юмор"

Текст с картинки:
- Скучно...
- Так давай поиграем
- Давай, а во что?
- В тестировщиков!
- Но ты же просто всё ломаешь!
- Ты че пёс, это стресс-тест!

#ит_юмор

Привет, представляете ежетта нашла друзей

Телеграм-канал... Вы не поверите... Ёжик в дизайне

Чем канал крут:

1️⃣ Подборка реально полезных плагинов для Figma

2️⃣ Наборы Бесплатных Иллюстраций

3️⃣ Ресурсы на которых любой дизайнер сможет найти своё вдохновение

Кто интересуется дизайном - вперёд, наше ежинство растёт

ИТ-юмор

Источник: Евтюшкин Антон

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

Привет! Жара сменяется тяжелой грозой и я решила дать пост попроще. Не волнуйтесь, я вернусь

🪫🔋Как прокачивать свою продуктивность? Кроме проф. развития, важно развивать логическое мышление, память, внимание, soft skills

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

📚Книги:
Митчел Резник. Спираль обучения. 4 принципа обучения через творчество - принципы креативного обучения

Максим Дорофеев. Джедайские техники. Как воспитать свою обезьяну, опустошить инбокс и сберечь мыслетопливо

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

Крис Бейли. Мой продуктивный год. Как я проверил самые известные методики личной эффективности на себе

Джим Лоулесс. Иди туда, где страшно. Именно там ты обретёшь силу - это больше про то, как начать новый проект. Но вдруг у вас гениальная идея, а вы никак не решитесь?

Бона Шваб. Укроти свои мысли. Карманная книга по работе с деструктивным мышлением - упражнения для борьбы с "я хуже всех, у меня все плохо, я себя ненавижу" - в какой-то момент меня эта книга вытащила

Остин Клеон. Кради, как художник. 10 уроков творческого самовыражения - читали? Есть вторая и третья часть! Они называются "Покажи свою работу" и "Просто продолжай"

Макс Ильяхов, Людмила Сарычева. Пиши, сокращай. Как создавать сильный текст - при чем тут разработка? - вам ведь не все равно, что вы делаете, у вас есть мнение, вам нужно уточнять задание, спорить, убеждать и договариваться. Уже читали? - Там есть продолжение "Ясно. Понятно. Следующий уровень понимания текста"

Михай Чиксентмихайи. Поток. Психология оптимального переживания - о состоянии потока

Блейк Снайдер. Спасите котика. И другие секреты сценарного мастерства - книга о том, как придумать новое: придумывайте, фантазируйте и создайте своё приложение/улучшение старого

Общение с другими разработчиками:
📥 📨 📤
Наташин чат для джунов
VUE-сообщество
Просто вёрстка, HTML, JS, CSS

🔥Сходите на мероприятие - можно онлайн
ИТ-конференция Яндекса, есть онлайн
Карьерный форум Найти ИТ
OTUS - регулярные разные бесплатные вебинары на ИТ  темы

✍ И... Не бойтесь ходить на собеседования. 10, 20, 50, чем больше их будет, тем лучше. Репетируйте рассказ о себе, рассказывайте друзьям и близким, делайте пометки, пусть интервью о вас станет вашим козырем. Да, многие говорят, что и без этого можно стать крутым разработчиком. Но я настаиваю, что софтскиллы важны, однажды они могут принести вам работу мечты

Книжная рубрика становится регулярной, читайте также:

🔗 Книги о дизайне
🔗 Книги о программировании и не только

Спойлер про книги: будет список научных физ-мат книг

Привет! У меня, на самом деле, два pet-проекта на vue и я решила переключится на второй.

💡 Это Блокнот пушественника. Пока что все данные загружаются с помощью json-server, но...

👌 ...решила освоить бэкенд и доделать этот проект. К ресторану ещё вернусь

🎥 В новом видео:
- рассказываю, как установила на windows MySQL с графической оболочкой
- показываю, как создать базу и таблицу с данными
- показываю, как в приложении посмотреть информацию о базе

🔗 Учебник MySQL с установкой
🔗 Скачать MySQL Workbench
🔗 Открытый репозиторий блокнота

Пожалуй, самое наглядное объяснение DDOS-атаки через аниме:

ИТ-юмор

Источник: канал Много дизайна

В видео: текст "когда наврал в резюме, но тебя всё равно взяли на работу"
Белые, гладкошёрстные овечки в ряд и в конце белая гладкошёрстная собака с вытянутой мордой

ИТ-юмор: ЕЛЕживика

Источник: Антон Евтюшкин

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

Привет! Время ИТ новостей месяца. Ресурсы, книги, статьи, анимации и все что интересного нашла за месяц

Привет! ИТ-новости за месяц:
фронтенд и не только

И что - за месяц я всё это изучила? - Что-то да, а что-то пометила, как полезные ресурсы

Верстка

Гибкая вёрстка для адаптива под большие экраны

Стилизация участков текста

Фронтенд, анимации

Переход день-ночь

Эффект текста

Общее, программирование Марк Симан. Код, который умещается в голове

Автотесты Лукас да Коста. Тестирование JavaScript

Бэкенд

MySQL - теория в видео

Книга по разработке API

Общая теория Видео-лекция по сетевым протоколам - МГТУ им. Баумана

Доступность

HTML и CSS-ошибки, влияющие на доступность - опыт незрячего человека

Общее, не только веб, исследование и опыт

Веб-дизайн - книги про UX

Джон Яблонски. Законы UX-дизайна. Понимание психологии пользователя - ключ к успеху

Стив Круг. Не заставляйте меня думать. Веб-юзабилити и здравый смысл

Ярослав Шуваев. UX/UI дизайн для создания идеального продукта

Веб-дизайн интересный дизайн сайта

Идея pet-проекта веб-приложение компании-застройщика, хорошо проработан макет

Дизайн

Необычный шрифт, пример антидизайна

"Съешь этот код" - необычная рекламная кампания McDonald's Canada

Луптон Эллен. Драматургия дизайна: как, используя приёмы сторителлинга, удивлять графикой, продуктами, услугами и дарить впечатления

Новости технологий ИИ спасает перелётных птиц

Психология Оливия Фокс Кабейн. Харизма. Как влиять, убеждать и вдохновлять