ИТ-юмор, да в нем соль
Обрабатывайте исключения, не забывайте о тестах. Вставили переменную в текст? - А что будет с текстом, если данные не придут?
В обоих случаях нужны условия на появление модальных окон
#ит_юмор
Обрабатывайте исключения, не забывайте о тестах. Вставили переменную в текст? - А что будет с текстом, если данные не придут?
В обоих случаях нужны условия на появление модальных окон
Текст с первой картинки: Вам уже исполнилось 0 лет? Возрастное ограничение 0+ означает, что на сеанс не допускаются зрители моложе 0 лет. Кнопки Назад и ПродолжитьТекст со второй картинки: Ваш город , верно? Кнопки Да и Нет
#ит_юмор
Что будет, если не добавить doctype в html
Anonymous Quiz
64%
Сайт может отображаться не так, как нужно
20%
Ничего не случится, doctype не нужен
10%
Страница не будет отображаться совсем, 404
6%
Точно не будет никаких стилей и скриптов
Привет! Сборник материалов, вышедших на этом канале по верстке - для удобства
✔️ Треугольные стрелки html, css
✔️ Расскрывающиеся списки на чистом html, css - с кастомными стилями там дела все-таки не очень и в сложных случаях нужен компонент, js и так далее
✔️ Бургер для меню за 1 минуту
✔️ CSS-счетчики - нужен стильный нумерованный список и число элементов может меняться - CSS это может - и следующий за ним пост тоже об этом и еще один
📝 Блочные и строчные элементы
📝 Вся(почти) правда о флексах
🏃♀➡️ Быстрая вёрстка в VsCode - базовый html для старта и ещё один пост о том же: быстро писать теги, классы, стили и полезные клавиши VsCode
✔️ Input type range
✔️ Ровняем разноформатные блоки на гридах и еще о гридах, общие принципы, видео
💡 Инструменты проверки доступности
📝 Центрирование в CSS - основные способы
💡 Простые эффекты кнопок
✔️ Обводки текстов, в том числе с градиентом
👌 Крайне полезные редкие css-свойства и еще один пост про фоны, фиксированные при прокрутке
📝 Термины для оценки качества вёрстки, требований к ней
📝Семантические теги
✔️ Кастомный скролл внутри блока
📝 Работа с svg
➡️ По js, vue, git и другим инструментам теорию вынесу отдельно
#теория_фронтенд #вёрстка
✔️ Треугольные стрелки html, css
✔️ Расскрывающиеся списки на чистом html, css - с кастомными стилями там дела все-таки не очень и в сложных случаях нужен компонент, js и так далее
✔️ Бургер для меню за 1 минуту
✔️ CSS-счетчики - нужен стильный нумерованный список и число элементов может меняться - CSS это может - и следующий за ним пост тоже об этом и еще один
📝 Блочные и строчные элементы
📝 Вся(почти) правда о флексах
🏃♀➡️ Быстрая вёрстка в VsCode - базовый html для старта и ещё один пост о том же: быстро писать теги, классы, стили и полезные клавиши VsCode
✔️ Input type range
✔️ Ровняем разноформатные блоки на гридах и еще о гридах, общие принципы, видео
💡 Инструменты проверки доступности
📝 Центрирование в CSS - основные способы
💡 Простые эффекты кнопок
✔️ Обводки текстов, в том числе с градиентом
👌 Крайне полезные редкие css-свойства и еще один пост про фоны, фиксированные при прокрутке
📝 Термины для оценки качества вёрстки, требований к ней
📝Семантические теги
✔️ Кастомный скролл внутри блока
📝 Работа с svg
➡️ По js, vue, git и другим инструментам теорию вынесу отдельно
#теория_фронтенд #вёрстка
Telegram
frontend от ежетты
Стрелки на html & css. Треугольные стрелки в разные стороны
Шаблон стрелки создается стилями border и padding, а повороты transform(rotate...)
Подробности и код здесь: https://html5css.ru/howto/howto_css_arrows.php
Шаблон стрелки создается стилями border и padding, а повороты transform(rotate...)
Подробности и код здесь: https://html5css.ru/howto/howto_css_arrows.php
👍5❤2
Привет! Сделала в проекте роутинг, рассказываю от установки пакета:
- как подключить и настроить
- как использовать в компонентах
- как выделить активную ссылку стилями
🎬 Видео в youtube
🔗 Открытый репозиторий
🔗 Документация, vue-router
🔗 Статья с объяснением
#vue #vite #vuerouter
- как подключить и настроить
- как использовать в компонентах
- как выделить активную ссылку стилями
🎬 Видео в youtube
🔗 Открытый репозиторий
🔗 Документация, vue-router
🔗 Статья с объяснением
#vue #vite #vuerouter
Привет! Это продолжение сборников с теорией. В этом - теория по JS, вышедшая на канале. Без конкретных задач, без библиотек, vue и прочего.
Тернарный оператор - зачем, как и почему
NaN - не равен сам себе
Методы JS - там два поста, следующий под этим
Копирование объектов и массивов
Типы данных JS
Регулярные выражения
События мыши
Немного лайфхаков JS
Все библиотеки, инструменты, git, vue и так далее будут отдельно
🔗 Теория - вёрстка
🔗 Чат для ваших вопросов и общения
#теория_фронтенд #js
Тернарный оператор - зачем, как и почему
NaN - не равен сам себе
Методы JS - там два поста, следующий под этим
Копирование объектов и массивов
Типы данных JS
Регулярные выражения
События мыши
Немного лайфхаков JS
Все библиотеки, инструменты, git, vue и так далее будут отдельно
🔗 Теория - вёрстка
🔗 Чат для ваших вопросов и общения
#теория_фронтенд #js
❤2
Привет! Хотите видеть ещё и истории жизни во фронтенде?
🤳У кого Telegram Premium, если сможете проголосовать - я смогу публиковать истории и другой интересный контент
🔗 https://xn--r1a.website/front_hedgehog?boost
🤳У кого Telegram Premium, если сможете проголосовать - я смогу публиковать истории и другой интересный контент
🔗 https://xn--r1a.website/front_hedgehog?boost
Какой будет результат: '2' > '1000' ?
Anonymous Quiz
18%
false, JS сравнит, как числа
43%
true, сравнит строки
27%
false, сравнит длину строк
6%
undefined, нельзя сравнивать
6%
Error: Incorrect operation
ИТ-юмор - канал "Stay Ugly ИТ-юмор"
Текст с картинки:
#ит_юмор
Текст с картинки:
- Скучно...
- Так давай поиграем
- Давай, а во что?
- В тестировщиков!
- Но ты же просто всё ломаешь!
- Ты че пёс, это стресс-тест!#ит_юмор
😁1
Привет, представляете ежетта нашла друзей
Телеграм-канал... Вы не поверите... Ёжик в дизайне
Чем канал крут:
1️⃣ Подборка реально полезных плагинов для Figma
2️⃣ Наборы Бесплатных Иллюстраций
3️⃣ Ресурсы на которых любой дизайнер сможет найти своё вдохновение
Кто интересуется дизайном - вперёд, наше ежинство растёт
Телеграм-канал... Вы не поверите... Ёжик в дизайне
Чем канал крут:
1️⃣ Подборка реально полезных плагинов для Figma
2️⃣ Наборы Бесплатных Иллюстраций
3️⃣ Ресурсы на которых любой дизайнер сможет найти своё вдохновение
Кто интересуется дизайном - вперёд, наше ежинство растёт
ИТ-юмор
Источник: Евтюшкин Антон
Текст с картинки:
Источник: Евтюшкин Антон
Текст с картинки:
Когда попросил бэкэндера выбрать палитру цветов для сайта - на картинке машины, одежда мужчины и его обувь имеют единый кислотный ультрамариновый цвет❤4😁2
🪫🔋Как прокачивать свою продуктивность? Кроме проф. развития, важно развивать логическое мышление, память, внимание, soft skills
💡Качаем мозг, как мышцу: онлайн-тренажеры(например Викиум), логические игры(я назову классику: шахматы, шашки, судоку, ханойские башни, пентаго, го и миллион других вариантов), сочинение: есть такие сборники, в которых нужно придумать и написать короткую историю на заданную тему, рисование: стикер-пак, свой шрифт и... любой вариант творчества
📚Книги:
Митчел Резник. Спираль обучения. 4 принципа обучения через творчество - принципы креативного обучения
Максим Дорофеев. Джедайские техники. Как воспитать свою обезьяну, опустошить инбокс и сберечь мыслетопливо
Игорь Манн. Номер 1. Как стать лучшим в том, что ты делаешь - пожалуй, книга в первую очередь для маркетологов и специалистов по продажам, но мне она нравится
Крис Бейли. Мой продуктивный год. Как я проверил самые известные методики личной эффективности на себе
Джим Лоулесс. Иди туда, где страшно. Именно там ты обретёшь силу - это больше про то, как начать новый проект. Но вдруг у вас гениальная идея, а вы никак не решитесь?
Бона Шваб. Укроти свои мысли. Карманная книга по работе с деструктивным мышлением - упражнения для борьбы с "я хуже всех, у меня все плохо, я себя ненавижу" - в какой-то момент меня эта книга вытащила
Остин Клеон. Кради, как художник. 10 уроков творческого самовыражения - читали? Есть вторая и третья часть! Они называются "Покажи свою работу" и "Просто продолжай"
Макс Ильяхов, Людмила Сарычева. Пиши, сокращай. Как создавать сильный текст - при чем тут разработка? - вам ведь не все равно, что вы делаете, у вас есть мнение, вам нужно уточнять задание, спорить, убеждать и договариваться. Уже читали? - Там есть продолжение "Ясно. Понятно. Следующий уровень понимания текста"
Михай Чиксентмихайи. Поток. Психология оптимального переживания - о состоянии потока
Блейк Снайдер. Спасите котика. И другие секреты сценарного мастерства - книга о том, как придумать новое: придумывайте, фантазируйте и создайте своё приложение/улучшение старого
Общение с другими разработчиками:
📥 📨 📤
Наташин чат для джунов
VUE-сообщество
Просто вёрстка, HTML, JS, CSS
🔥Сходите на мероприятие - можно онлайн
ИТ-конференция Яндекса, есть онлайн
Карьерный форум Найти ИТ
OTUS - регулярные разные бесплатные вебинары на ИТ темы
✍ И... Не бойтесь ходить на собеседования. 10, 20, 50, чем больше их будет, тем лучше. Репетируйте рассказ о себе, рассказывайте друзьям и близким, делайте пометки, пусть интервью о вас станет вашим козырем. Да, многие говорят, что и без этого можно стать крутым разработчиком. Но я настаиваю, что софтскиллы важны, однажды они могут принести вам работу мечты
Книжная рубрика становится регулярной, читайте также:
🔗 Книги о дизайне
🔗 Книги о программировании и не только
Спойлер про книги:будет список научных физ-мат книг
💡Качаем мозг, как мышцу: онлайн-тренажеры(например Викиум), логические игры(я назову классику: шахматы, шашки, судоку, ханойские башни, пентаго, го и миллион других вариантов), сочинение: есть такие сборники, в которых нужно придумать и написать короткую историю на заданную тему, рисование: стикер-пак, свой шрифт и... любой вариант творчества
📚Книги:
Митчел Резник. Спираль обучения. 4 принципа обучения через творчество - принципы креативного обучения
Максим Дорофеев. Джедайские техники. Как воспитать свою обезьяну, опустошить инбокс и сберечь мыслетопливо
Игорь Манн. Номер 1. Как стать лучшим в том, что ты делаешь - пожалуй, книга в первую очередь для маркетологов и специалистов по продажам, но мне она нравится
Крис Бейли. Мой продуктивный год. Как я проверил самые известные методики личной эффективности на себе
Джим Лоулесс. Иди туда, где страшно. Именно там ты обретёшь силу - это больше про то, как начать новый проект. Но вдруг у вас гениальная идея, а вы никак не решитесь?
Бона Шваб. Укроти свои мысли. Карманная книга по работе с деструктивным мышлением - упражнения для борьбы с "я хуже всех, у меня все плохо, я себя ненавижу" - в какой-то момент меня эта книга вытащила
Остин Клеон. Кради, как художник. 10 уроков творческого самовыражения - читали? Есть вторая и третья часть! Они называются "Покажи свою работу" и "Просто продолжай"
Макс Ильяхов, Людмила Сарычева. Пиши, сокращай. Как создавать сильный текст - при чем тут разработка? - вам ведь не все равно, что вы делаете, у вас есть мнение, вам нужно уточнять задание, спорить, убеждать и договариваться. Уже читали? - Там есть продолжение "Ясно. Понятно. Следующий уровень понимания текста"
Михай Чиксентмихайи. Поток. Психология оптимального переживания - о состоянии потока
Блейк Снайдер. Спасите котика. И другие секреты сценарного мастерства - книга о том, как придумать новое: придумывайте, фантазируйте и создайте своё приложение/улучшение старого
Общение с другими разработчиками:
📥 📨 📤
Наташин чат для джунов
VUE-сообщество
Просто вёрстка, HTML, JS, CSS
🔥Сходите на мероприятие - можно онлайн
ИТ-конференция Яндекса, есть онлайн
Карьерный форум Найти ИТ
OTUS - регулярные разные бесплатные вебинары на ИТ темы
✍ И... Не бойтесь ходить на собеседования. 10, 20, 50, чем больше их будет, тем лучше. Репетируйте рассказ о себе, рассказывайте друзьям и близким, делайте пометки, пусть интервью о вас станет вашим козырем. Да, многие говорят, что и без этого можно стать крутым разработчиком. Но я настаиваю, что софтскиллы важны, однажды они могут принести вам работу мечты
Книжная рубрика становится регулярной, читайте также:
🔗 Книги о дизайне
🔗 Книги о программировании и не только
Спойлер про книги:
👍5
Привет! У меня, на самом деле, два pet-проекта на vue и я решила переключится на второй.
💡 Это Блокнот пушественника. Пока что все данные загружаются с помощью json-server, но...
👌 ...решила освоить бэкенд и доделать этот проект. К ресторану ещё вернусь
🎥 В новом видео:
- рассказываю, как установила на windows MySQL с графической оболочкой
- показываю, как создать базу и таблицу с данными
- показываю, как в приложении посмотреть информацию о базе
🔗 Учебник MySQL с установкой
🔗 Скачать MySQL Workbench
🔗 Открытый репозиторий блокнота
💡 Это Блокнот пушественника. Пока что все данные загружаются с помощью json-server, но...
👌 ...решила освоить бэкенд и доделать этот проект. К ресторану ещё вернусь
🎥 В новом видео:
- рассказываю, как установила на windows MySQL с графической оболочкой
- показываю, как создать базу и таблицу с данными
- показываю, как в приложении посмотреть информацию о базе
🔗 Учебник MySQL с установкой
🔗 Скачать MySQL Workbench
🔗 Открытый репозиторий блокнота
🔥4
Forwarded from Веб-страница
Пожалуй, самое наглядное объяснение DDOS-атаки через аниме:
This media is not supported in your browser
VIEW IN TELEGRAM
😱2
This media is not supported in your browser
VIEW IN TELEGRAM
ИТ-юмор
Источник: канал Много дизайна
Источник: канал Много дизайна
В видео: текст "когда наврал в резюме, но тебя всё равно взяли на работу"
Белые, гладкошёрстные овечки в ряд и в конце белая гладкошёрстная собака с вытянутой мордойИТ-юмор: ЕЛЕживика
Источник: Антон Евтюшкин
Источник: Антон Евтюшкин
Текст с картинки: Моя тотемная ягода: ележевика.
На картинке животное в лежачем положении, морда расплющена, задняя часть приподнята, лапы безвольно протянуты и из верхней части головы торчит ветка с зелёным листочком.🔥2
Привет! ИТ-новости за месяц:
фронтенд и не только
И что - за месяц я всё это изучила? - Что-то да, а что-то пометила, как полезные ресурсы
Верстка
Гибкая вёрстка для адаптива под большие экраны
Стилизация участков текста
Фронтенд, анимации
Переход день-ночь
Эффект текста
Общее, программирование Марк Симан. Код, который умещается в голове
Автотесты Лукас да Коста. Тестирование JavaScript
Бэкенд
MySQL - теория в видео
Книга по разработке API
Общая теория Видео-лекция по сетевым протоколам - МГТУ им. Баумана
Доступность
HTML и CSS-ошибки, влияющие на доступность - опыт незрячего человека
Общее, не только веб, исследование и опыт
Веб-дизайн - книги про UX
Джон Яблонски. Законы UX-дизайна. Понимание психологии пользователя - ключ к успеху
Стив Круг. Не заставляйте меня думать. Веб-юзабилити и здравый смысл
Ярослав Шуваев. UX/UI дизайн для создания идеального продукта
Веб-дизайн интересный дизайн сайта
Идея pet-проекта веб-приложение компании-застройщика, хорошо проработан макет
Дизайн
Необычный шрифт, пример антидизайна
"Съешь этот код" - необычная рекламная кампания McDonald's Canada
Луптон Эллен. Драматургия дизайна: как, используя приёмы сторителлинга, удивлять графикой, продуктами, услугами и дарить впечатления
Новости технологий ИИ спасает перелётных птиц
Психология Оливия Фокс Кабейн. Харизма. Как влиять, убеждать и вдохновлять
фронтенд и не только
И что - за месяц я всё это изучила? - Что-то да, а что-то пометила, как полезные ресурсы
Верстка
Гибкая вёрстка для адаптива под большие экраны
Стилизация участков текста
Фронтенд, анимации
Переход день-ночь
Эффект текста
Общее, программирование Марк Симан. Код, который умещается в голове
Автотесты Лукас да Коста. Тестирование JavaScript
Бэкенд
MySQL - теория в видео
Книга по разработке API
Общая теория Видео-лекция по сетевым протоколам - МГТУ им. Баумана
Доступность
HTML и CSS-ошибки, влияющие на доступность - опыт незрячего человека
Общее, не только веб, исследование и опыт
Веб-дизайн - книги про UX
Джон Яблонски. Законы UX-дизайна. Понимание психологии пользователя - ключ к успеху
Стив Круг. Не заставляйте меня думать. Веб-юзабилити и здравый смысл
Ярослав Шуваев. UX/UI дизайн для создания идеального продукта
Веб-дизайн интересный дизайн сайта
Идея pet-проекта веб-приложение компании-застройщика, хорошо проработан макет
Дизайн
Необычный шрифт, пример антидизайна
"Съешь этот код" - необычная рекламная кампания McDonald's Canada
Луптон Эллен. Драматургия дизайна: как, используя приёмы сторителлинга, удивлять графикой, продуктами, услугами и дарить впечатления
Новости технологий ИИ спасает перелётных птиц
Психология Оливия Фокс Кабейн. Харизма. Как влиять, убеждать и вдохновлять
🤯2👍1