Типичный Верстальщик. Страница 23

Коллекция советов по CSS. Ресурс содержит советы по применению свойств CSS с примерами кода. Ссылка:https://bit.ly/3R0LSUX #work #css

Поговорим про сферу тестирования? Не всем клиентам нужны простые сайты на 1-2 страницы, а веб-сервисы могут иметь сложную структуру. К тому же, по мере развития таких сервисов, разработчики постоянно внедряют новые возможности, но все их протестировать на корректность не представляется возможным. На такой случай как раз и необходимы тестировщики. 🔥 Можно начать путь с тестирования. Ручной тестировщик вручную имитирует действия пользователя приложения. Не редки случаи, когда фронтенд-разработчики переходят в тестирование. Об этом рассказывал на интервью Александр из Ozon. Также встречаются и обратные ситуации, когда из тестирования переходят в другую IT сферу. Это удобно, это проще, потому что так вы уже будете знать, как устроена работа в компаниях. Также в этом видео я рассказала подробнее об этой профессии. 😍 Что есть в курсе Ручной Тестировщик? (спойлер: нам есть чем гордиться) — Помощь в записи уроков от тестировщиков, которые работают на Ozon, СберМакете и тд. — Записанный модуль по тестированию веб-приложений от Алексея Ромашева из Ozon — Записанные модули от меня, которые касаются верстки сайтов, баз данных и Git. — Дипломные работы для закрепления материалов по всем модулям, кроме первого вводного — Конспекты для каждого урока От себя добавлю, что мне безумно нравится, как выстроен учебный материал. Он выстроен так, чтобы у вас не осталось впечатления будто вы только послушали теорию и всё. Акцент идет именно на том, что каждый специалист делится чем-то практическим из опыта + у вас открывается возможность искать баги, составлять чек-листы, тест-кейсы, пробовать работать с приложениями, которые используют тестировщики и тд. У нас уже есть отзывы с 1-го потока (они на сайте) 😎 Если вы готовы НАЧАТЬ ОБУЧЕНИЕ, то жми скорее сюда 👇 https://frontendblok.com/courses/qa 29 августа начинаем увлекательный путь! 😇

От 500 мс до 1,7 мс в React Необходимость настройки производительности возникает на определенном этапе разработки для каждого разработчика, в каждом приложении. Есть очень хорошие ресурсы и статьи о том, как настроить производительность в React, и эта статья не является исключением. Язык: En🇬🇧 Ссылка:https://bit.ly/3dLXOfe #react

Сайт кованых изделий Макет - https://bit.ly/3AahdOl #макет

Раз уж прорвало меня на посты, ловите пример для вдохновения - https://codepen.io/carolineartz/pen/qBOEzQa Мне нравится рассматривать, как реализуют разные анимации, задействуя SVG. Кстати это как один из вариантов того, что должен уметь делать профи верстальщик. Если у вас будут такие фичи в портфолио, то можно неплохо убедить заказчика в своих навыках. SVG можно отрисовать в Illustrator или Figma и далее зацепив отдельные <path> анимацировать их через CSS или JS.

Накидайте плиз идей для будущих роликов с практикой 👇 Какие темы разобрать? Была мысль про параллакс. Красиво, эффектно, но кажется уже редко, кто использует такую фичу. По крайне мере реальных сайтов с параллаксом практически уже нигде не вижу, кроме Codepen))

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

Завтра/послезавтра выйдет новый ролик, где вы увидите новый макет, который я сама отрисовала. Чтобы не использовать “текст-рыбу”, я для разнообразия составила свой рандомный текст, который просто пришел в голову) Зацените типичное описание с гиперболой, которое обычно используют другие компании, чтобы представить себя. Как вам? 😁

Бесплатный чат для сайта на WordPress В этой статье речь пойдёт о сервисе чата для сайта от 3CX - бесплатной альтернативе популярным, но затратным аналогам. Ссылка:https://bit.ly/3AzHd76 #wordpress

Новости из мира IT и технологий 🌎 ✅ Вышла версия ядра Linux 6.0-rc1 — https://bit.ly/3c8kjdR ✅ Вышла Joomla 4.2 — https://bit.ly/3CpuKEq ✅ Bloomberg: Apple презентует новый iPhone 7 сентября — https://bit.ly/3ChNTYP ✅ Motorola анонсировала смартфон Moto Edge 2022 — https://bit.ly/3c7XrLl ✅ В сентябре выйдет большое обновление Windows 11 с поддержкой папок в «Пуске» и тёмной темой — The Verge — https://bit.ly/3wjm5zJ ✅ Посмотрите на генератор волновой энергии, который похож на позвоночник — https://bit.ly/3PEDCsI #news

Устранение неполадок Angular-маршрутизации Хотя документация по маршрутизации Angular великолепна, она не охватывает некоторые крайние случаи и устранение неполадок с отсутствующим импортом или дублированием путей в разных подмодулях. Итак, в этом рассказе я решил описать способы, которыми можно его сломать. Мы узнаем, что может пойти не так при настройке маршрутизации Angular и — через боль и страдания — как работает маршрутизация Angular. Язык: En 🇬🇧 Ссылка:https://bit.ly/3R27YGV #angular

🔥 Предзапись на обучение 1) Предзапись поможет тебе не пропустить старт обучения 2) Зафиксировать для себя самое выгодное предложение 3) Получить дополнительные лекции, которых не будет на основном курсе ⭕️ Оставить заявку: https://frontendblok.com/forms/courses ❇️ Курсы по верстке и JS стартуют 19 сентября ❇️ Курс по тестированию - 29 августа 90% мест обычно выкупается именно на предзаписи А еще с 29 августа будет повышение цен на курсы по верстке и JS, поэтому у вас есть неделя зафиксировать самые выгодные цены 😌

🥳 29 августа стартует 2-й поток курса Ручной Тестировщик Сфера тестирования даёт отличную возможность влиться в IT. Не редки случаи, когда даже фронтенд-разработчики переходят в тестирование. Об этом рассказывал на интервью Александр из Ozon. Также встречаются и обратные ситуации, когда из тестирования переходят в другую IT сферу. Это удобно, это проще, потому что так вы уже будете знать, как устроена работа в компаниях. Также в этом видео я рассказала подробнее об этой профессии. ✌️ Что есть в нашему курсе Ручной Тестировщик? — Помощь в записи от тестировщиков, которые работают на Ozon, СберМакете и тд. — Записанный модуль по тестированию веб-приложений от Алексея Ромашева из Ozon — Записанные модули от меня, которые касаются верстки сайтов, баз данных и Git. — Дипломные работы для закрепления материалов по всем модулям, кроме первого вводного — Конспекты для каждого урока От себя добавлю, что мне безумно нравится, как выстроен учебный материал. Он выстроен так, чтобы у вас не осталось впечатления будто вы только послушали теорию и всё. Акцент идет именно на том, что каждый специалист делится чем-то проктическим из опыта + у вас открывается возможность искать баги, составлять чек-листы, тест-кейсы, пробовать работать с приложениями, которые используют тестировщики и тд. Если вы готовы учится новому, то проходите сюда: https://frontendblok.com/courses/qa Если вы хотите получить демо-уроков, то пишите нашему менеджеру ХОЧУ ДЕМО КУРСА: @artpanin Также он сможет ответить на все возникшие вопросы

Сайт магазина для хобби Макет - https://bit.ly/3zXaTJU #макет

Немного не айтишного контента 🙌 Недавно решила вспомнить, что такое акварель. А за неё не бралась ещё со времён художки. И каково было моё удивление только сейчас узнавать новое о материалах, видах бумаги, техниках и т.д. В общем, как и везде, самообразование - важная часть обучения, даже если учитесь у профи. За эти дни узнала, кажется больше, чем за годы обучения там 😁 Зато теперь я знаю, что могу ответить на вопрос, какое у меня хобби. И если раньше хобби - моя работа в IT, но всё же это полноценная профессия в моей жизни, то теперь хотя бы появилось такое небольшое дело. А вы знаете какое у вас хобби? Делитесь в комментариях 👇

5 продвинутых концепций JavaScript Статья содержит рекомендации по оптимизации работы с кодом для javascript-разработчиков. Язык: En🇬🇧 Ссылка:https://bit.ly/3QC3WEO #javascript

Как сделать много форм, не сделав ни одной Мы постоянно имеем дело с формами: регистрация, заполнение анкеты, составление отзыва. Первое, что нам хочется сделать как разработчикам,— максимально выделить общие компоненты, чтобы как можно меньше дублировать код. Допустим, мы можем сделать простые компоненты вроде инпутов или составные, типа окна с формой. Но всё равно бы пришлось постоянно собирать такие композиции во всех местах, не говоря уже о разном бэкенде для всех форм. На самом деле есть другое решение. И об этом моя статья. Ссылка:https://bit.ly/3bSoOch #react #javascript

Локальное хранилище в React В этом руководстве по React вы узнаете, как хранить состояние в локальном хранилище с помощью пользовательского хука React. Прежде чем обсуждать использование локального хранилища в React, разберёмся, как и когда его использовать только в JavaScript. Язык: En🇬🇧 Ссылка:https://bit.ly/3QFwe1d #react