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

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

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

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

2.67

3 отзыва

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

5 звезд

0

4 звезд

1

3 звезд

1

2 звезд

0

1 звезд

1


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

15 июн 2022
React: тестируем с Jest и Testing Library

В данном туториале будет показано, как тестировать компоненты на React с помощью Jest и Testing Library.

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

#react #qa
751 views10:30
Подробнее
Поделиться:
Открыть/Комментировать
14 июн 2022
А пока вы отвечаете на опрос, напомню, что у нас идёт неделя распродаж!
Это возможность приобрести обучение со скидкой 80% и вечным доступом!

Скорее сюда https://lk.annblok.ru/bigsale

Вам доступны:
— 34 курса на выбор
— 31 лекция
— 39 тематических статей

Можно купить курс по отдельности, набором или всё сразу!
Остаётся только сделать выбор!
835 views12:53
Подробнее
Поделиться:
Открыть/Комментировать
14 июн 2022
10 полезных CSS-трюков для разработчиков

Всего существует около 200 свойств CSS, в зависимости от того, куда вы смотрите. И многие из этих свойств взаимодействуют друг с другом по-своему. Уследить за всем практически невозможно. Итак, эта статья посвящена демонстрации изящных приемов CSS, полезных как для разработчиков, так и для дизайнеров.

Язык: En
Ссылка: https://bit.ly/39rFSV8

#css
837 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
14 июн 2022
Представьте, что вы учитесь, сдаёте домашки и наставник пишет, что нужно исправить. Ваши действия?
Anonymous Poll
3%
Пусть сам исправляет, если ему это нужно
94%
Приму к сведению, исправлю
4%
Приму всё близко к сердцу
156 voters795 views12:29
Подробнее
Поделиться:
Открыть/Комментировать
14 июн 2022
Сегодня хочу затронуть тему наставничества. А пока ответьте на простой вопрос
772 views12:27
Подробнее
Поделиться:
Открыть/Комментировать
14 июн 2022
Почему figcaption не заменяет alt

В печатных изданиях изображения часто сопровождались подписью. В HTML4 не было способа семантически разметить HTML, чтобы сохранить связь между изображением и такого типа подписи. В HTML5 нам дали такую возможность, введя элементы
и
.

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

#html
840 views07:30
Подробнее
Поделиться:
Открыть/Комментировать
14 июн 2022
Сайт центра косметологии

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

#макет
830 views05:30
Подробнее
Поделиться:
Открыть/Комментировать
13 июн 2022
Youtube-dl утилита для скачивания видео

yt-dlp — это форк youtube-dl, основанный на ныне неактивном youtube-dlc. Основное внимание в этом проекте уделяется добавлению новых функций и исправлений, а также обновлению исходного проекта.

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

#soft
516 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
13 июн 2022
Успей приобрести обучение по веб-разработке со скидкой 80%
537 views11:51
Подробнее
Поделиться:
Открыть/Комментировать
13 июн 2022
Итак, курсы, которые представлены выше на распродажу, записаны не только мной.

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

Мои курсы с сайта это:
- супер старт (практика верстки)
- марафоны (flexbox, grid, svg)

Объемные курсы по вёрстке, курс по javascript, nodejs, дизайн в Figma - курсы другой школы.

Мы собрали специально всё в логические блоки, чтобы можно было прокачивать знания

Поэтому ещё раз напомню
528 viewsedited  11:49
Подробнее
Поделиться:
Открыть/Комментировать
13 июн 2022
Надеюсь, меня было слышно прекрасно. Сейчас нахожусь в шумном месте, но петличка немного спасла ситуацию
526 views11:46
Подробнее
Поделиться:
Открыть/Комментировать
13 июн 2022
Ну что, погнали за новыми знаниями!
Сегодня день божьих коровок
И день больших распродаж на обучающие материалы!

1) Беги скорее на сайт https://lk.annblok.ru/bigsale
2) Выбирай курс

А лучше сразу все! Ведь неизвестно когда ещё будет такой аттракцион невиданной щедрости

СКИДКИ 80%

Начать учиться можно и потом, ведь время доступа никто не ограничивает

Забирай новые навыки и начинай путешествие в новую жизнь

https://lk.annblok.ru/bigsale
https://lk.annblok.ru/bigsale
https://lk.annblok.ru/bigsale
652 viewsedited  07:57
Подробнее
Поделиться:
Открыть/Комментировать
12 июн 2022
Новости из мира IT и технологий

Meta отложила выпуск AR-очков на несколько лет, а домашние экраны Portal сфокусирует на бизнесе — https://bit.ly/3NIpezL

Apple представила MacBook Air на процессоре M2 и с MagSafe — https://bit.ly/3tugzc4

Apple представила iOS 16 с настраиваемым дизайном часов и виджетами на экране блокировки — https://bit.ly/3xHMx7h

Meta заморозила разработку «умных» часов с двумя камерами — https://bit.ly/3mEdwKE

Обзор книги «Изучаем Python», отличная книга для начинающих и не только — https://bit.ly/3NPAHO4

Обзор книги «Начинаем программировать на Python», лучшая книга для начинающих с нуля — https://bit.ly/39hVzOX

Книга «SQL: быстрое погружение» — https://bit.ly/3zNrZvB

Книга «Веб-дизайн для недизайнеров» — https://bit.ly/3NJZ2ok

#news
754 views10:30
Подробнее
Поделиться:
Открыть/Комментировать
12 июн 2022
Эффекты hover, использующие свойства фона

В статье показаны каким образом можно сделать hover-эффекты использующие свойство фона CSS.

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

#css
765 views05:30
Подробнее
Поделиться:
Открыть/Комментировать
11 июн 2022
Сегодня проведу закрытый мастер-класс по jQuery для своих учеников

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

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

Следующие темы для мастер-классов:
— Wordpress: как посадить простую верстку на WP
— JavaScript: основы
— Как оптимизировать сайт?

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

Если вдруг вам интересна сегодняшняя тема разбора (jQuery) или хотели бы принять участие в других, то стать участником, можно оформив подписку на тариф “Сеньор” - https://boosty.to/annblok/

Кроме того, оформив подписку у вас будут и другие бонусы:
Доступ к макетам из плейлиста с практикой на YT
Закрытый чат в Дискорд и Телеграм
Авторская методичка про CSS Grid
Авторская методичка про адаптивность
Проведение прямых трансляций, чтобы ответить на ваши вопросы
Возможность предложить тему для видео YT
Выбор макета для следующих видео
Участие в мастер-классе

Мастер-класс будет сегодня в 20:00 мск

Не пропусти, оформи подписку:
https://boosty.to/annblok/
300 views14:28
Подробнее
Поделиться:
Открыть/Комментировать
11 июн 2022
Что для тебя актулаьно?
Anonymous Poll
24%
Курсы по вёрстке
39%
JavaScript
29%
Vue/React
6%
NodeJS
2%
Тестирование
194 voters511 views10:43
Подробнее
Поделиться:
Открыть/Комментировать
11 июн 2022
13 июня - день божьих коровок и день, когда мы объявим распродажу 80% обучающие материалы

Теперь я знаю, чем ты будешь заниматься этим летом!

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

А теперь расскажите мне, скидку по каким направлениям вы ждёте больше всего?
503 views10:42
Подробнее
Поделиться:
Открыть/Комментировать
10 июн 2022
К чему должен готовиться новичок, который решил попасть в IT?

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

Тут я расскажу не про технологии, которые должен знать тот или иной специалист, а про навыки жизненного характера.

Итак, погнали прямо по пунктам:

1) Искать информацию самостоятельно.

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

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

2) Перестать думать, что ваши проблемы с кодом уникальны.

Это не так. Могу с уверенностью сказать, что ваш вопрос уже кто-то задавал в интернете. Если не в ру-сегменте, то на английском уж точно.

Достаточно вбить простой поисковый запрос. Например, у вас проблема со сборкой Gulp? Копируете фразу ошибки и дописываете в конце gulp.

3) Сидеть над кодом придётся много, необходима усидчивость

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

В такие моменты не очень понятно, ищут сострадания или хотят просто пожаловаться?

Я сама в начале пути тратила 24/7. Работала с кодом по будням на работе и дома всё свободное время тоже кодила. Потребности высказаться по этому поводу кому-либо не возникало.

4) Конкуренция

Знаю тех, кто в начале пути просто опускает руки, кто-то не доростает до middle-специалиста, поэтому даже если по вашему направлению идёт много новичков, это не значит, что они не подвисли на первых 3-Х пунктах, которые я перечислила выше.

Если вы готовы с уверенностью иди своей дорогой, то и возможности появятся на вашему пути
741 views13:40
Подробнее
Поделиться:
Открыть/Комментировать
10 июн 2022
Сайт Delivery trans

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

#макет
741 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
10 июн 2022
Объяснение и предложение переключателей CSS

Существует множество вариантов использования, когда взаимодействие (щелчок/жест) на одном элементе переключает «состояние» других элементов. Это может варьироваться от переключения светлой/темной режима до активации скользящей навигации, открытия и закрытия меню или взаимодействия с разделенным контентом в виде вкладок, аккордеонов или каруселей. В настоящее время для этих случаев требуется Javascript, однако можно обобщить шаблон, чтобы его можно было применить к любому элементу с помощью декларативного синтаксиса в CSS со встроенными доступностью и производительностью.

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

#css
826 views05:30
Подробнее
Поделиться:
Открыть/Комментировать
9 июн 2022
Написание тестов API на JavaScript с Pactum

Судя по документации, Pactum способен на многие вещи. Интегрированное тестирование, API мокинг, контрактное тестирование… здесь есть все. В статье сфокусируемся на тех возможностях библиотеки, которые помогают провести тестирование API (интеграционное тестирование).

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

#qa #javascript
869 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
8 июн 2022
Создание многоразовых компонентов Angular

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

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

#angular
617 views10:30
Подробнее
Поделиться:
Открыть/Комментировать
7 июн 2022
Анимация аккордеона и свойства height в чистом CSS

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

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

#css
777 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
7 июн 2022
А вот Canva на днях, как раз и перестала работать по причине ухода из РФ))

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

И вот в один прекрасный день они повесили баннер и в домене висит фраза “no_access”. Но что толку, если с VPN работает всё абсолютно также, как и раньше?)

На самом деле по этому поводу есть отличный пост от блогера из дизайн-сообщества, где объяснена причина, почему НА САМОМ ДЕЛЕ уходят мелкие (и не очень) стартапы с рынка РФ даже если у них низкая доля пользователей из РФ.

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

Основная причина — это инвесторы, которые не дадут деняк, если увидят в статистике даже малый % пользователей стран, которые есть в повестке дня. Just business.
877 views09:31
Подробнее
Поделиться:
Открыть/Комментировать
7 июн 2022
Figma прилегла и не работает уже несколько часов, но этот не как не связано с популярным “сервис прекратил свою деятельность в РФ”.

Figma не работает везде и на сайте выкатили обновляемую статистику о том, как чинят сервис:
https://status.figma.com/
967 viewsedited  09:17
Подробнее
Поделиться:
Открыть/Комментировать
7 июн 2022
Идеальные изображения с современным элементом

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

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

#css #html
874 views07:30
Подробнее
Поделиться:
Открыть/Комментировать
7 июн 2022
Сайт доставки еды

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

#макет
912 views05:30
Подробнее
Поделиться:
Открыть/Комментировать
6 июн 2022
Стили заголовков в CSS: градиенты

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

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

#css #design
244 views12:30
Подробнее
Поделиться:
Открыть/Комментировать
5 июн 2022
Новости из мира IT и технологий

Обзор книги «Секреты Python. 59 рекомендаций по написанию эффективного кода» — https://bit.ly/3mdcipd

Книга «Open Source. Разработка программ с открытым исходным кодом» — https://bit.ly/3MiGkCJ

Apple запатентовала MacBook с поддержкой стилуса Apple Pencil — https://bit.ly/3tf7m7p

Mozilla представила браузерное расширение для локального машинного перевода — https://bit.ly/3MiGBpf

Информацию впервые передали со скоростью свыше 1 Пбит/с по обычному оптоволокну — https://bit.ly/390RbDT

Появился 3D-принтер с ультразвуком: можно печатать сразу внутри самолета или человека — https://bit.ly/3x4nklW

iPad станет больше похож на MacBook, а на iPhone изменится экран блокировки: Bloomberg о нововведениях в iOS и iPadOS 16 — https://bit.ly/3xrpCNr

Samsung: вот вам гигантский баннер кота для демонстрации 200 Мп-камеры — https://bit.ly/3avxlkw

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