Size: a a a

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

2020 April 26
Типичный Верстальщик
​​7 сложных технологий простым языком 😎

Не понимаете, как работают TCP или GraphQL? Нестрашно: эта статья объяснит вам работу сложных технологий так, что поймёт даже ребёнок.

Читать - https://techrocks.ru/2020/04/24/7-difficult-technologies-in-simple-language/

#work
источник
2020 April 27
Типичный Верстальщик
Всем привет! У нас есть группа ВК и там я каждый день публикую полезные посты по верстке исходя из того, что вас больше всего беспокоит. Хотели бы вы, чтобы я публиковала посты и тут?
источник
Типичный Верстальщик
Дублировать посты тут?
anonymous poll

Да – 223
👍👍👍👍👍👍👍 96%

Нет, не интересно. – 9
▫️ 4%

👥 232 people voted so far.
источник
Типичный Верстальщик
​​Разница между веб-сокетами (WebSockets) и Socket.IOSocket.IO 😎

Веб-сокеты и Socket.IO, вероятно, являются двумя наиболее распространенными средствами коммуникации в режиме реального времени. Но чем они отличаются?
При построении приложения для живого общения наступает момент, когда необходимо выбрать средство для обмена данными между клиентом и сервером. Веб-сокеты и Socket.IO являются самыми популярными средствами живого общения в современном вебе. Какое из них выбрать? В чем разница между этими технологиями? Поможет выяснить данная статья.

Читать - https://habr.com/ru/post/498996/

#node #javascript
источник
2020 April 28
Типичный Верстальщик
​​50 русскоязычных YouTube-каналов о языках программирования 😈

Подборка YouTube-каналов и плейлистов, посвящённых различным языкам программирования: Python, JavaScript, C/C++, Java, Kotlin, Go, PHP и C#. Каждый найдёт что-то своё.

Читать - https://proglib.io/p/50-russkoyazychnyh-youtube-kanalov-o-yazykah-programmirovaniya-2020-04-22

#work
источник
Типичный Верстальщик
​​Tesseract.js: извлечение текста из картинок с помощью JavaScript 👽

Инструкция по извлечению текста из картинок с помощью OCR-библиотеки Tesseract.js. В конце статьи можно поиграть с получившимся интерактивным демо-приложением.

Читать - https://proglib.io/p/tesseract-js-izvlekaem-tekst-iz-kartinok-s-pomoshchyu-javascript-2020-04-22

#javascript
источник
Типичный Верстальщик
tpverstak
Дублировать посты тут?
anonymous poll

Да – 223
👍👍👍👍👍👍👍 96%

Нет, не интересно. – 9
▫️ 4%

👥 232 people voted so far.
Хорошо, начну высылать то, что я публикую в ВК 👍
источник
Типичный Верстальщик
Для начала расскажу о своем пути, который позволил мне стать верстальщицей 👩‍💻

Это не просто история, это один из вариантов развития событий, где вы, возможно, узнаете себя, свои переживания и мысли.

Время прочтения 6 минут 👇🏻
https://vk.com/@tpverstak-my-way

Узнали ли вы себя в этой истории? Что полезного для себя подчеркнули? Какие вопросы остались?

Пишите в чате — @tpverstakchat
P.S. Если вы еще не вступили в чат, не забудьте ответить на вопрос бота.
источник
2020 April 29
Типичный Верстальщик
​​Гибкая разметка без медиа-запросов: функции min(), max(), clamp() 😎

С момента появления в браузерах в 2017 году, CSS Grid дал веб-дизайнерам и разработчикам новую суперсилу. На данный момент существует множество статей / руководств, иллюстрирующий возможности и преимущества CSS Grid, описывающих всё – от вдохновлённых ASCII-синтаксисом способом разметки Grid-областей до автоматического размещения элементов, делающих медиа-запросы чем-то устаревшим. Тем не менее, медиа-запросы всё ещё играют важную роль и это не может не вызывать некоторые сложности – наверное.

Читать - https://habr.com/ru/post/499088/

#css #html
источник
Типичный Верстальщик
НЕ УМЕЮ ЧИТАТЬ МАКЕТ И СТРОИТЬ БЛОКИ - Что делать? 🙄

Буду рассказывать по порядку о том, что вас беспокоит больше всего. Итак, первый вопрос в целом о работе с макетом.

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

При таком раскладе обязательно будут закрадываться сомнения. Каждый новый макет — это лотерея. Никому, даже вам, неизвестно, верно вы думаете о построении блоков и компоновке стилей или нет.

Поэтому так важно на самом старте иметь такого человека, который направит, подскажет, поможет.

Что сделала я со своей стороны, чтобы решить эту проблему, с которой сталкиваются многие? 🤓
— В телеграм чате (в поиске можно найти, как tpverstakchat) мы сделали возможность скидывать свои работы на обзор, где другие участники чата могут подсказать, если вы в чем-то ошибаетесь;
— На наших курсах по вёрстке, даже на самостоятельном тарифе, мы обязательно проверяем итоговую работу, прежде чем выдать сертификат;
— Запустили сервис https://frontendhelp.me/ru, где вы можете задавать вопрос и получать на него ответ в режиме онлайн чата.

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

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

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

Чем это плохо? 🤔
— Во-первых, вы не знаете уровень предыдущего верстальщика. Даже если заказчик говорит, что он хорош, это может быть на самом деле не так. Клиент может вообще не ориентироваться в этом, т.к. он оценивает максимум визуал.
— Во-вторых, если окажется, что вы уровнем выше, то вам захочется внести правки, которые начнут ломать проект. Проект начнет вас бесить и, возможно, вообще откажетесь от того, чтобы продолжать расти как верстальщик.
— В-третьих, если вы новичок и заметите решения другого верстальщика, который, возможно, тоже не профессионал, вы в итоге можете позаимствовать чужие неверные практики на свои проекты в будущем.

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

Остались вопросы? Слушаю @tpverstakchat
источник
2020 April 30
Типичный Верстальщик
ДЛЯ ЧЕГО НУЖЕН GRID CSS? ☺️
ЕГО МОЖНО ИСПОЛЬЗОВАТЬ УЖЕ ВЕЗДЕ? 😮


Теперь разберем следущий вопрос, обозначенный выше. Из ваших сообщений я поняла, что Grid CSS воспринимается, как некое 100% решение для всего, что есть в макете. НО это не так.

Прежде всего, Grid — это система сеток. Большинство элементов, стоящих на экране расположены в неком логическом порядке и месте, т.е. согласно невидимой сетке. Но применимо ли это для всего?

Для сравнения возьму Flexbox CSS. В чем их разница?
✅ При помощи Flexbox CSS мы можем расставлять элементы в определенном порядке исключительно ориентируясь на одну из двух осей: X или Y.
✅ В случае с Grid CSS, мы можем расставить элементы, используя две оси одновременно.

Для наглядности оставлю пример — https://codepen.io/anna_blok/pen/NOqWOV

Разметка в двух примерах одинакова: есть родительский блок и дочерние элементы. Но в случае с Grid CSS для каждого дочернего элемента мы можем указать его позицию в невидимой сетке. Этим мы управляем при помощи свойства grid-template-areas.

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

⚡️ Шпаргалка Flexbox CSS — http://tpverstak.ru/flex-cheatsheet/
⚡️ Шпаргалка Grid CSS — http://tpverstak.ru/grid/

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

Но для начала подытожим:
✅ Grid CSS не является тем, что нужно использовать везде. Вполне возможно, что уместнее использовать Flexbox CSS. Например, чтобы расставить три колонки в ряд - используйте Flexbox CSS. Блок имеет несколько столбцов и строк? Или это невидимая сетка, в котором удачно могли бы расположиться элементы? Тогда вам к Grid CSS.
✅ Не забывайте, что у Grid CSS поддержка у других браузеров чуть хуже, чем у Flexbox CSS. Но в целом в 2020 году его уже можно начинать использовать уверенно, чем раньше.

Поддержка Flexbox CSS — https://caniuse.com/#search=flexbox
Поддержка Grid CSS — https://caniuse.com/#search=grid

Пожалуй, это все. Остались вопросы?
Пишите 👉 @tpverstakchat
источник
Типичный Верстальщик
​​URL и URI - в чем различие? 🙈

В чем разница между URI и URL? Мы все используем много URL-адресов ежедневно. Иногда мы их набираем, иногда мы просто переходим на один URL из другого.

Читать - https://wiki.merionet.ru/servernye-resheniya/36/url-i-uri-v-chem-razlichie/

#work
источник
Типичный Верстальщик
Завтра 1 мая в 12:00 мск проведу стрим на Ютуб канале! 🔥

Пишите свои вопросы тут — https://www.youtube.com/post/UgyNpFvDl8G7R4D0cOd4AaABCQ

Разберем самые интересные и важные вопросы для всех! На самом стриме, конечно же, разберу ваши сообщения в режиме онлайн.

🎁 СЕКРЕТНЫЙ БОНУС
На стриме я анонсирую нечто крутое, поэтому не пропустите эфир!

Заранее подпишись на канал и поставь колокольчик, чтобы не пропустить уведомление о запуске стрима 👉🏻 https://www.youtube.com/tpverstak

Жду всех! ☺️
источник
2020 May 01
Типичный Верстальщик
​​10 советов о том, как улучшить свои навыки программирования 😈

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

Читать - https://techrocks.ru/2020/04/27/how-to-learn-to-code-10-tips/

#work
источник
Типичный Верстальщик
НОВЫЙ ДЕНЬ, НОВЫЙ ПОСТ! 🤗

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

Не думайте, что это только у новичков!

Читать — https://vk.com/@tpverstak-verstka-slozhnyh-blokov-i-kostyli

Надеюсь, статья помогла вам разобраться! 🙂
источник
Типичный Верстальщик
Стрим начнется сегодня в 12:00 на Youtube! 🔥

✅ Ссылка на стрим — https://youtu.be/DVi5cnOMp4A
Не пропустите начало!
Не забудьте подписаться на канал и поставить колокольчик 🔔
источник
Типичный Верстальщик
Предельное внимание, вы этого так ждали ‼️

КУРСЫ ПО ВЁРСТКЕ И JAVASCRIPT МОЖНО УРВАТЬ ПО СКИДКЕ ТОЛЬКО ТРИ ДНЯ ДО 4 МАЯ 12:00 МСК

И ОГОНЬ-БОНУСЫ ТОЛЬКО СЕГОДНЯ И ЗАВТРА самым быстрым и смелым!

Речь пойдет о трёх курсах:
— Базовый курс по верстке http://tpverstak.ru/training/
— Продвинутый курс по верстке https://tpverstak.ru/training-profi/
— JavaScript Мастер https://tpverstak.ru/javascript-master/

МЫ ДАРИМ СКИДКИ И БОНУСЫ ПО ТАКОМУ ПРИНЦИПУ

🔥 Оплата в 1 день (до 2 мая 12:00 мск):
— Курс Супер Старт в подарок
— 3 бесплатных вопроса на сервисе Frontend Help
— Один марафон на выбор в подарок (Flexbox, Grid, SVG, Email)
— Скидка на курсы

🔥 Оплата в 2 день (до 3 мая 12:00 мск):
— Курс Супер Старт в подарок
— 3 бесплатных вопроса на сервисе Frontend Help
— Скидка на курсы

🔥 Оплата в 3 день (до 4 мая 12:00 мск):
— Сохраняется только скидка на курсы

НЕ УПУСТИ ЭКСКЛЮЗИВНОЕ ПРЕДЛОЖЕНИЕ!
ПРОДЛЕНИЯ АКЦИИ НЕ БУДЕТ!

ДАЛЕЕ РАССКАЖУ О СКИДКАХ:

Базовый и Продвинутый курс:
— самостоятельный тариф 3500 руб (вместо 4900)
— полный тариф с куратором 7000 руб (вместо 9900)
— индивидуальный тариф 24000 руб (вместо 30000)

JavaScript Мастер:
— самостоятельный тариф 7000 руб (вместо 8900)
— полный тариф с куратором 12000 руб (вместо 13900)

Если вы оплатите курс в течении 24 часов, то вы получите максимальное количество бонусов и скидок. Помните об этом!

⚠️ Чтобы получить бонусы и скидки, напиши в ЛС @annblok кодовое слово СКИДКА

КОРОТКО О КУРСАХ:

— Базовый курс
Для тех, кто только начинается свои шаги в вебе. На практике верстаем учебный сайт на HTML/CSS в течении месяца вместе с теорией + даем 2 недели на верстку самостоятельного проекта.

— Продвинутый курс
Для тех, кто только переходит с базового или уже имеет азы знаний по верстке. На практике верстаем учебный сайт на HTML, препроцессоре SCSS и сборкой Gulp в течении месяца вместе с теорией + даем 2 недели на верстку самостоятельного проекта.

— JavaScript Мастер
Курс для тех, кто хочет с нуля научиться управлять JS. На курсе материал подается без воды и необходимой практикой, которая у вас останется на руках и вы сможете использовать это на своих проектах. Это новый курс, который идеально подойдет тем, кто уже обучался на наших курсах по верстке.

⚠️ Чтобы получить бонусы и скидки, напиши в ЛС @annblok кодовое слово СКИДКА
источник
2020 May 02
Типичный Верстальщик
tpverstak
Предельное внимание, вы этого так ждали ‼️

КУРСЫ ПО ВЁРСТКЕ И JAVASCRIPT МОЖНО УРВАТЬ ПО СКИДКЕ ТОЛЬКО ТРИ ДНЯ ДО 4 МАЯ 12:00 МСК

И ОГОНЬ-БОНУСЫ ТОЛЬКО СЕГОДНЯ И ЗАВТРА самым быстрым и смелым!

Речь пойдет о трёх курсах:
— Базовый курс по верстке http://tpverstak.ru/training/
— Продвинутый курс по верстке https://tpverstak.ru/training-profi/
— JavaScript Мастер https://tpverstak.ru/javascript-master/

МЫ ДАРИМ СКИДКИ И БОНУСЫ ПО ТАКОМУ ПРИНЦИПУ

🔥 Оплата в 1 день (до 2 мая 12:00 мск):
— Курс Супер Старт в подарок
— 3 бесплатных вопроса на сервисе Frontend Help
— Один марафон на выбор в подарок (Flexbox, Grid, SVG, Email)
— Скидка на курсы

🔥 Оплата в 2 день (до 3 мая 12:00 мск):
— Курс Супер Старт в подарок
— 3 бесплатных вопроса на сервисе Frontend Help
— Скидка на курсы

🔥 Оплата в 3 день (до 4 мая 12:00 мск):
— Сохраняется только скидка на курсы

НЕ УПУСТИ ЭКСКЛЮЗИВНОЕ ПРЕДЛОЖЕНИЕ!
ПРОДЛЕНИЯ АКЦИИ НЕ БУДЕТ!

ДАЛЕЕ РАССКАЖУ О СКИДКАХ:

Базовый и Продвинутый курс:
— самостоятельный тариф 3500 руб (вместо 4900)
— полный тариф с куратором 7000 руб (вместо 9900)
— индивидуальный тариф 24000 руб (вместо 30000)

JavaScript Мастер:
— самостоятельный тариф 7000 руб (вместо 8900)
— полный тариф с куратором 12000 руб (вместо 13900)

Если вы оплатите курс в течении 24 часов, то вы получите максимальное количество бонусов и скидок. Помните об этом!

⚠️ Чтобы получить бонусы и скидки, напиши в ЛС @annblok кодовое слово СКИДКА

КОРОТКО О КУРСАХ:

— Базовый курс
Для тех, кто только начинается свои шаги в вебе. На практике верстаем учебный сайт на HTML/CSS в течении месяца вместе с теорией + даем 2 недели на верстку самостоятельного проекта.

— Продвинутый курс
Для тех, кто только переходит с базового или уже имеет азы знаний по верстке. На практике верстаем учебный сайт на HTML, препроцессоре SCSS и сборкой Gulp в течении месяца вместе с теорией + даем 2 недели на верстку самостоятельного проекта.

— JavaScript Мастер
Курс для тех, кто хочет с нуля научиться управлять JS. На курсе материал подается без воды и необходимой практикой, которая у вас останется на руках и вы сможете использовать это на своих проектах. Это новый курс, который идеально подойдет тем, кто уже обучался на наших курсах по верстке.

⚠️ Чтобы получить бонусы и скидки, напиши в ЛС @annblok кодовое слово СКИДКА
‼️ Осталось всего 2 часа, когда оплатив курс со скидкой вы можете получать максимальное количество бонусов.

Опоздавшим не будет поблажек, учитывайте этот момент.
источник
Типичный Верстальщик
Время идёт, бонусы тают, а скидки остаются! ☺️

Как я и писала ранее, исключений делать не будем. Время покупки влияет на полученные бонусы. Условие работает одинаково для всех.

Сегодня и завтра до 12:00 мск в качестве бонуса вы можете получить:
✅ Курс Супер Старт в подарок
✅ 3 бесплатных вопроса на сервисе Frontend Help
✅ Скидка на курсы

СКИДКИ ДЛЯ ТРЁХ КУРСОВ, КОТОРЫЕ СТАРТУЮТ 4 МАЯ:

Базовый и Продвинутый курс:
— самостоятельный тариф 3500 руб (вместо 4900)
— полный тариф с куратором 7000 руб (вместо 9900)
— индивидуальный тариф 24000 руб (вместо 30000)

JavaScript Мастер:
— самостоятельный тариф 7000 руб (вместо 8900)
— полный тариф с куратором 12000 руб (вместо 13900)

⚠️ Чтобы получить бонусы и скидки, напиши в мне ЛС @annblok кодовое слово СКИДКА
источник
Типичный Верстальщик
источник