Верстальщик от бога
9.22K subscribers
1.38K photos
18 videos
1 file
1.64K links
Регистрация в перечне РКН:
https://knd.gov.ru/license?id=6757e1989d804a279b283165&registryType=bloggersPermission

Самый большой канал по верстке в телеграм.

Чат верстальщиков: @godinhtmlchat

По всем вопросам: @anothertechrock
Download Telegram
В Москве стартовал трехдневный фестиваль самого масштабного хакатона страны «Лидеры цифровой трансформации». Лучшие ИТ-специалисты со всего мира вновь собрались, чтобы представить свои разработки для города и бизнеса.

Первый день посвятили общению и интерактиву:

— эксперты компаний 1C Game Studios, Cloud.ru и Whoosh поговорили с участниками о карьере в разработке, создании игр и облачных технологиях;

— команда tada.team провела квест с розыгрышем лимитированной коллекции мерча от творческого объединения ÖMANKÖ;

— блогер и телеведущая Анастасия Ивлеева рассказала о продвижении проектов в соцсетях.

Завтра будет самая важная часть — ребят ждет питчинг их проектов. Победители разделят 42 миллиона рублей!
👍85👎21🙈1
🌝 30 нейросетей для устранения рутины

👨‍💻 Для программиста

• CodeWhisperer — чат-бот от Amazon, который генерирует код на основе запросов (от фрагментов до полноценных функций)
• Ghostwriter Chat — чат-бот живет в среде разработки, автоматически ищет ошибки в коде и комментирует его за вас

🤖 Для автоматизации

• Bardeen — автоматизирует ваши задачи (можно задать алгоритм действий в браузере)
• AxiomAI — для создания ботов для автоматизации задач в браузере
• BrowseAI — отслеживает изменения на любом сайте и сгружает данные в таблицы (бота можно натренировать за пару минут без кода)

💪 Для продуктивности

• Otter — записывает ваши рабочие созвоны в виде текста
• Fireflies — похожий сервис, который делает выжимки из ваших созвонов
• Bearly AI — ускоряет чтение и заполнение документов с помощью разных ИИ-фич
• AI Writer — плагин ChatGPT для Gmail, Telegram, WhatsApp, Discord и других платформ. Чат-бот отвечает на письма, исправляет грамматику в сообщениях и отвечает на вопросы
• Whimsical — нейронка в mind maps для развития ваших идей и придумывания новых

👩‍🏫 Для презентаций и таблиц

• Arcwise AI — GPT-4 в Google Таблицах
• Sheet AI — превращает запросы в рабочие формулы для Google Таблиц
• Gamma AI — генерирует презентации за вас, нужно только задать тему
• GPT for Slides — расширение для браузера; генерирует слайды прямо в Google Презентациях
• ChatBCG — для подготовки визуала и содержимого презентаций (сервис даже пишет сторилайн)

🕵️‍♂️ Для анализа

• Nuclia — поисковая система, которая найдет и ответит на любые вопросы из файла
• Glean — ищет что угодно по рабочим чатам, документам и облачным дискам
• ChatShape — нейронка может ответить на вопросы по информации, что вы отправили ей раньше
• Headline AI — суммирует новости, статьи и посты, чтобы вам не приходилось их читать
• Chord — проводит исследования в интернете и дает развернутые ответы на любые вопросы с ссылками и пояснениями
• Chat Explore — GPT-4 визуализирует данные, рисует графики и позволяет общаться в чате с вашей базой данных
• YouTube Summary — расширение для браузера делает выжимки видео на Youtube при помощи ChatGPT

👨‍🎨 Для дизайнера

• Recraft — автоматизирует рутину дизайнера (рисует векторную графику, 3D-иллюстрации, логотипы и картинки)
• FigGPT — плагин с ChatGPT для Figma

✍️ Для работы с текстом

• ChatGPT Writer — пишет ответы на письма в один клик (в том числе на русском).
• IntelliMail — ещё одно подобное расширение для Chrome, которое генерирует имейлы за вас.
• Brew AI — сочиняет, улучшает, переводит и суммирует текст. Работает во всех приложениях и браузерах.
• Elephas — нейросети помогают работать с текстом на Mac, iPhone и iPad.
• Levity AI — автоматизирует повседневные задачи с текстами, письмами и документами (без кода и подключается к популярным инструментам).
• Stic AI — 1000+ лучших запросов для ChatGPT.

Источник: «Ты тоже в Грузии?»
🔥19👍5❤3👎3
Понять комбинаторные селекторы и селекторы потомков в CSS

#почитать #middle

Читать статью
👍13🔥4
Окунитесь в увлекательный мир веб-разработки с нашим бесплатным интенсивом «Дикая вёрстка»! Всего за 2 дня превратите ваши идеи в реальный сайт, получив уникальный опыт и навыки в области HTML-верстки.

Мы предоставим все необходимые инструменты: от подробных пошаговых инструкций до практических упражнений на тренажёрах для закрепления полученных знаний.

И в качестве приятного бонуса, после окончания интенсива вы получите тест для профориентации и полезные обучающие материалы.

Не упустите этот уникальный шанс – присоединяйтесь.
🔥7❤4👍3
🖥 Как дебажить код на JavaScript: примеры ошибок и советы новичкам

#почитать #junior #middle

Эта статья предназначена для тех, кто недавно научился писать программы на JavaScript и испытывает трудности при поиске багов. Статья не столько, не про конкретные инструменты и вкладки в DevTools, сколько про то, о чём думать и куда смотреть при отладке.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍4
Привет, верстальщики! 👋

Вот вам рецепт продуктивности от Илона Маска: 2-3 выходных в год, 7 рабочих дней в неделю, 6 часов сна.

Раньше Маск рассказывал, что в сложные для Tesla периоды он спал в офисе на полу. А первое время после покупки Twitter — на диване о офисе соцсети в Сан-Франциско.

А вы бы так смогли???
— 👍, нормальный подход
— 🤬, нездоровая херня
— 🤔, пусть делает, что хочет

#discussion
🤬66🤔62👍19
На заметку
😁41
Сначала появляется идея, затем дизайн-макет, а потом фронтенд-разработчик  пишет код с использованием библиотек и фреймворков и превращает всё в удобный сервис или сайт. А еще принимает участие в важных встречах с командой и креативных брейнштормах.

На курсе
Яндекс Практикума «Фронтенд-разработчик» вы за 10 месяцев научитесь:
• Писать код на HTML, CSS, JavaScript и TypeScript
• Создавать сайты и веб-приложения под любые задачи бизнеса
• Использовать библиотеку React
• Разбираться в технических заданиях от заказчиков и предлагать им оптимальные решения
• Работать в команде с помощью Git
• Тестировать сайты и веб-приложения, размещать их в интернете, устранять ошибки

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

Начать учиться
❤7👎6🔥3🤔3👍1
🖥 Верстка главной для интернет магазина в React JS

#посмотреть #junior #middle

Верстка главной страницы для интернет магазина в React JS. Адаптив, стили, анимации.

Смотреть на YouTube (~2.5 часа)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤4
«Сеньор сеньору рознь»: Как понять, что вы больше не джун

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

Читать статью
👍7🔥4
🟡 Frontend дайджест за неделю c 21 по 28 июня

🔖 Почитать:

▪️ React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом
▪️ Как делать full-stack с одного устройства без СМС и регистрации
▪️ Debouncer: практический пример использования замыкания
▪️ Путешествие в царство легаси. Как маленькая задача привела к большому рефакторингу
▪️ Как тестировать не-REST-бекэнд. Часть первая, GraphQL
▪️ ESLint. Анатомия правил линтинга: разбираем структуру, создаём собственное правило для React-приложения
▪️ Maskito – новая коллекция библиотек для маскирования текстовых полей
▪️ В поисках лучшей версии EcmaScript для сборки сайта
▪️ Оптимизация сборки веб-приложения
▪️ Встречайте Dev Mode в Figma
▪️ В поисках лучшей версии EcmaScript для сборки сайта
▪️ Знакомимся с @scope в CSS
▪️ Как фронтендеру пройти собеседование: разбор типичных задач и советы от тимлида «РТК ИТ»
▪️ 25 советов для начинающего верстальщика
▪️ Вышел Chrome 113
▪️ Теория: nx — инструмент по работе с микрофронтендами

👀 Посмотреть:

🌐 JavaScript c Нуля - Курс для начинающих с практикой [2023] (⏱ 6:55:31)
🌐 Реакт продвинутый (Тёма Сенюков) (⏱ 2:57:30)
🌐 Лучший Гайд по Notion / Как пользоваться Notion / Нейросеть Продуктивности для Программиста (⏱ 31:15)
🌐 AJAX ➤ Уроки jQuery для начинающих (⏱ 44:21)

Хорошего дня!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍7
Подрос джаваскриптер)
😁33🔥5🤔4👎3
15 качеств, которые понадобятся разработчику веб-приложений

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

Читать статью
👍7❤5🔥3
Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё:

• разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера;
• познакомиться с теорией и отработать её на практике в больших проектах;
• научиться брать ответственность за решения и вкладываться в общий результат;
• самостоятельно декомпозировать задачи и распределять время;
• исследовать смежные сферы программирования, без которых невозможен фронтенд:
• информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП.

На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.

Пройдите первый бесплатный урок
❤5🔥5👍4👎3
🔥 Новинки CSS и UI: I/O 2023

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

— container queries, style queries, анимации, selectmenu, popover и многое другое

Читать статью
👍9❤3🔥3
Верстаешь?

🔥 Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем 11 июля.
👍5👎2
Я 💛 Фронтенд 2023

#посмотреть #middle #senior

Уже пятая по счету большая конференция Яндекса по фронтенду. Более 8 часов видео.

Некоторые из докладов:
▫️Копаемся под капотом браузера, как работает event loop и compositing, Сергей Чикуенок
▫️Телеграм как новая платформа для ваших сервисов, Даниил Лаптев
▫️WebAssembly и веб на TypeScript, Александр Коротаев
▫️Кому нужны фронтендеры, Андрей Смирнов

🌐 Смотреть на YouTube (~8 часов)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤5🔥4
🤖 ИИ заменит живых программистов через 5 лет — глава Stability AI

#discussion

Основатель и гендиректор Stability AI Эмад Мостак в недавнем интервью сделал смелый прогноз: профессия программиста вымрет через 5 лет. По его словам, уже сейчас 41% всего кода на GitHub написано ИИ.

Ваши прогнозы:

— 🤔 — тоже так считаю
— 😱 — это мы еще посмотрим
😱72🤔18😁10👎9👍2