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

Логотип телеграм канала @tpverstak — Типичный Верстальщик Т
Логотип телеграм канала @tpverstak — Типичный Верстальщик
Адрес канала: @tpverstak
Категории: Технологии
Язык: Русский
Количество подписчиков: 89
Описание канала:

⚠️ КАНАЛ ПЕРЕЕХАЛ сюда: @frontendblok

Рейтинги и Отзывы

2.67

3 отзыва

Оценить канал tpverstak и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

1

3 звезд

1

2 звезд

0

1 звезд

1


Последние сообщения

31 авг 2022
Видимо, надо только тупые ролики записывать на избитые темы
500 views20:22
Подробнее
Поделиться:
Открыть/Комментировать
31 авг 2022
“Аня, записывай побольше практики!” - частое сообщение, которое я слышу от вас.

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

Хорошо, вас понялъ, таких видео буду делать меньше на канале

Если всё же хотите чаще, то пойму это только активным проставлением лайков под последним видео на Youtube и написанием комментария. Не думаю, что даже 1 слово вам трудно написать.
514 views20:19
Подробнее
Поделиться:
Открыть/Комментировать
31 авг 2022
Верстка сайта с JavaScript калькулятором

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

Смотреть на Youtube:




Если вы хотите скачать макет к этому видео и получить демо, то это можно сделать через донат:

1) по подписке (доступ ко всем макетам) https://boosty.to/annblok
2) по подписке (доступ ко всем макетам) https://vk.com/donut/tpverstak
3) разовая оплата через крипту с получением одного макета https://new.donatepay.ru/@annblok (в комментариях напишите email)

По подписке ВК или на Boosty с тарифом Мидл вам будет доступно видео о том, как сделать адаптив для этой страницы.

#практика
282 viewsedited  13:24
Подробнее
Поделиться:
Открыть/Комментировать
31 авг 2022
Запросы стилей

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

Язык: En
Ссылка:https://bit.ly/3QUCtik

#css
428 views10:30
Подробнее
Поделиться:
Открыть/Комментировать
31 авг 2022


Оставь заявку на обучение - https://frontendblok.com/forms/courses

Форма закроется 9 сентября, а 19 сентября стартует новый поток на курсы по верстке и JavaScript

Те, кто оставляли заявку именно через форму предзаписи, знают, какие выгодные условия и предложения они получили в прошлый раз
517 views10:15
Подробнее
Поделиться:
Открыть/Комментировать
30 авг 2022
Для чего нужна подписка, если ролики и так публикуются на ютуб?

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

Я использую для этих целей Boosty:
https://boosty.to/annblok

А это плейлист с практикой:
https://www.youtube.com/playlist?list=PL2zhi-fIpnXDmMyjgZ9zxnixsYPkRl1J8

А ещё завтра выйдет новый ролик, о котором я рассказывала выше.

Кстати видео о том, как сделать адаптив для нового макета я опубликую в тариф «Мидл с прямыми эфирами»

А ещё на Boosty стоит простая цель, но которую хотелось бы уже добить. Сделаем?
765 views13:15
Подробнее
Поделиться:
Открыть/Комментировать
30 авг 2022
10 самых частых проблем с JavaScript

Сначала JavaScript может показаться довольно простым. Тем не менее, язык значительно более нюансирован, мощен и сложен, чем можно было бы изначально подумать. Многие тонкости JavaScript приводят к ряду общих проблем, которые мешают ему работать — 10 из которых мы обсудим здесь — которые важно знать и избегать в стремлении стать мастером-разработчиком JavaScript.

Язык: En
Ссылка:https://bit.ly/3pObqZX

#javascript
663 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
30 авг 2022
Инструментарий SVG, шрифтов и CSS

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

Язык: En
Ссылка:https://bit.ly/3TiwfdC

#soft
675 views07:30
Подробнее
Поделиться:
Открыть/Комментировать
30 авг 2022
Сайт компании ProductFit

Макет - https://bit.ly/3dTO9Db

#макет
705 views05:30
Подробнее
Поделиться:
Открыть/Комментировать
29 авг 2022
Новости из мира IT и технологий

VK Play запустила бета-тест стриминговой платформы — https://bit.ly/3cpT7Y5

«Яндекс» выложил в открытый доступ DivKit — инструмент для ускорения разработки мобильных приложений — https://bit.ly/3QNNMc1

В Эссекском университете представили ИИ, который может продлить работу батареи смартфона на 30% — https://bit.ly/3Tnt4Bg

Samsung представила телевизор QN100B с диагональю 98" стоимостью ₽2 млн — https://bit.ly/3e12fD0

Apple начала продажу запчастей по программе самостоятельного ремонта на MacBook Air и MacBook Pro с чипом M1 — https://bit.ly/3Knfxpw

В GitLab обнаружили RCE-уязвимость, которая позволяет удалённо выполнять код на устройстве — https://bit.ly/3Tjdjvf

Состоялся релиз Firefox 104 — https://bit.ly/3e12kqi

Пугающий робот-гуманоид научился показывать отвращение — https://bit.ly/3PWaq0B

Данные передали со скоростью свыше 1 Пбит/с с помощью новой технологии — https://bit.ly/3KtfLeD

#news
733 views13:00
Подробнее
Поделиться:
Открыть/Комментировать
29 авг 2022
React: руководство по повторному рендерингу

Существует 2 основные стадии, которым следует уделять пристальное внимание, когда речь заходит о производительности в React: первоначальный рендеринг — происходит, когда компонент впервые появляется на экране; ререндеринг — второй и последующие рендеринги компонента. Ререндеринг происходит, когда React необходимо обновить приложение некоторыми данными. Обычно, это является результатом действий пользователя, получения ответа на асинхронный запрос или публикацию при подписке (паттерн "pub/sub" — публикация/подписка или издатель/подписчик) на определенные данные. Статья посвящена повторному рендерингу в React.

Ссылка:https://bit.ly/3AOCiiL

#react
743 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
29 авг 2022
Фавиконки Дзена и Алиэкспресс. Найдите 3 отличия.
847 views10:14
Подробнее
Поделиться:
Открыть/Комментировать
28 авг 2022



Уже завтра стартует 2-й поток курса «Ручной Тестировщик»

ЧТО ЕСТЬ НА КУРСЕ?

— Помощь в записи уроков от тестировщиков, которые работают на Ozon, СберМакете и тд.

— Записанный модуль по тестированию веб-приложений от Алексея Ромашева из Ozon

— Записанные модули от меня, которые касаются верстки сайтов, баз данных и Git.

— Дипломные работы для закрепления материалов по всем модулям, кроме первого вводного

— Конспекты для каждого урока

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

У нас уже есть отзывы с 1-го потока (они на сайте)

Если вы готовы НАЧАТЬ ОБУЧЕНИЕ, то переходи сюда
https://frontendblok.com/courses/qa
1.0K views10:10
Подробнее
Поделиться:
Открыть/Комментировать
28 авг 2022
CSS-фреймворк Bulma

Современный CSS-фреймворк на основе Flexbox.

Язык: En

#soft
1.1K views05:30
Подробнее
Поделиться:
Открыть/Комментировать
26 авг 2022
Сайт доставки суши

Макет - https://bit.ly/3pxzGzx

#макет
1.3K views12:30
Подробнее
Поделиться:
Открыть/Комментировать
26 авг 2022
Watch против watchEffect во Vue.js

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

Язык: En
Ссылка:https://bit.ly/3T689mo

#vue
1.2K views05:30
Подробнее
Поделиться:
Открыть/Комментировать
25 авг 2022
Ладно, теперь серьезный вопрос: Может кто знает, какой-нибудь действительно годный курс по машинному обучению или науке о данных для начинающих?
1.1K viewsedited  15:56
Подробнее
Поделиться:
Открыть/Комментировать
25 авг 2022
Это уже не похоже на школьную таблицу местоимений)) Оказывается, ve/ver, это тоже самое, что и уважительное Вы (по сути нейтральное обращение), которые мы давно уже используем в деловой переписке, а они придумали это только сейчас)))
1.0K views15:55
Подробнее
Поделиться:
Открыть/Комментировать
25 авг 2022
Pinterest…
946 views15:48
Подробнее
Поделиться:
Открыть/Комментировать
25 авг 2022
Что люди не понимают о React Native Modals

Использование модальных окон (попапов) в React Native кажется вам проблемой? Постоянно контролировать открытое состояние и повторять код везде, где хотите их использовать — это довольно утомительно. Проблема только усложняется, когда вы пытаетесь создать сложные попапы. Сделали две модалки и все, главный компонент превращается в кашу, и состояние становится беспорядочным. В этой статье разберёмся, с чего начинаются проблемы и как их элегантно решить, прокачав при этом опыт разработки.

Ссылка:https://bit.ly/3AB4HsC

#react
882 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
24 авг 2022
Для какого уровня знаний такое видео?
Anonymous Poll
72%
Новичкам будет норм. Сам новичок и всё понял(а) написанное выше
13%
Я - новичок, но ничего не понял из текста
14%
Это уже для профи уровня
90 voters912 views10:36
Подробнее
Поделиться:
Открыть/Комментировать
24 авг 2022
В будущем видео с практикой будет показано, как:
— Работать с CSS переменными
— Обрезать изображения через SVG фигуры
— Сделать анимацию текста SVG по кругу
— Написать калькулятор на JavaScript

Теперь вопрос: это потенциально видео для новичков или уже профи?
Рассудите сами
881 views10:34
Подробнее
Поделиться:
Открыть/Комментировать
24 авг 2022
Простые загрузчики: бары

В этой статье поделимся распространенным шаблоном для загрузчиков: барами. Реализация загрузчика только с одним элементом и с гибким CSS, который упрощает создание вариаций.

Язык: En
Ссылка:https://bit.ly/3pv47GD

#css
849 views10:30
Подробнее
Поделиться:
Открыть/Комментировать
24 авг 2022
Создание многостраничного сайта для Барбершопа на CMS с нуля для начинающих

Идея видео в том, чтобы показать процесс создания сайта от и до, если к вам пришел клиент с запросом ХОЧУ САЙТ, НО У МЕНЯ НЕТ ДИЗАЙНА.

Не спешите его посылать искать веб-дизайнера, потому что сделать первичный сайт без дизайна возможно на CMS Smart Engine.

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

Смотреть YT:




Смотреть Дзен:
https://zen.yandex.ru/video/watch/630394dfb3ae6842e04035b5

———

Напомню, что макеты и демо можно получить через донат:

1) по подписке (доступ ко всем макетам) https://boosty.to/annblok
2) по подписке (доступ ко всем макетам) https://vk.com/donut/tpverstak
3) разовая оплата через крипту с получением одного макета https://new.donatepay.ru/@annblok (в комментариях напишите email)

#верстка #практика
821 viewsedited  09:33
Подробнее
Поделиться:
Открыть/Комментировать
24 авг 2022
Благодаря вам и вашим идеям скоро вы увидите новое видео с практикой!

Оно выйдет чуть позже. Сделаем сайт с калькулятором и крутящийся текст по кругу. Последнее кстати очень часто сейчас встречается на сайтах, а я знаю, как многие до сих пор не дружат с SVG. И очень зря!

А на скрине даю возможность подглядеть макет. Тоже я нарисовала
880 viewsedited  21:25
Подробнее
Поделиться:
Открыть/Комментировать
23 авг 2022
Коллекция советов по CSS.

Ресурс содержит советы по применению свойств CSS с примерами кода.

Ссылка:https://bit.ly/3R0LSUX

#work #css
899 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
23 авг 2022
Поговорим про сферу тестирования?

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

На такой случай как раз и необходимы тестировщики.

Можно начать путь с тестирования. Ручной тестировщик вручную имитирует действия пользователя приложения.

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

Что есть в курсе Ручной Тестировщик?
(спойлер: нам есть чем гордиться)

— Помощь в записи уроков от тестировщиков, которые работают на Ozon, СберМакете и тд.

— Записанный модуль по тестированию веб-приложений от Алексея Ромашева из Ozon

— Записанные модули от меня, которые касаются верстки сайтов, баз данных и Git.

— Дипломные работы для закрепления материалов по всем модулям, кроме первого вводного

— Конспекты для каждого урока

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

У нас уже есть отзывы с 1-го потока (они на сайте)

Если вы готовы НАЧАТЬ ОБУЧЕНИЕ, то жми скорее сюда
https://frontendblok.com/courses/qa

29 августа начинаем увлекательный путь!
803 views11:55
Подробнее
Поделиться:
Открыть/Комментировать
23 авг 2022
От 500 мс до 1,7 мс в React

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

Язык: En
Ссылка:https://bit.ly/3dLXOfe

#react
842 views07:30
Подробнее
Поделиться:
Открыть/Комментировать
23 авг 2022
Сайт кованых изделий

Макет - https://bit.ly/3AahdOl

#макет
851 views05:30
Подробнее
Поделиться:
Открыть/Комментировать