​​​​Парочка приемов работы с элементом iframe 👀

Автор рассматривает, как сделать нечто похожее на Dashboard на Codepen используя iframe.

Читать - https://www.setup.pp.ua/2020/01/iframe.html

#javascript

Дата-палиндром 02.02.2020 👹 И немного магии👇🏻

В последний раз такое зеркальное совпадение цифр в календаре случилось более тысячи лет назад – 01.01.1010 г. Еще такой день называют «днем силы».

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

Поэтому желаю вам легкого освоения JavaScript, крутых заказов и легких на подъем заказчиков ☺️

В честь красивой даты делаем красивые скидки 😍

24 февраля стартуют базовый и продвинутый курсы, но только сегодня ты можешь приобрести их со скидкой:

✅ Самостоятельный тариф — 4000 руб (вместо 4900 руб)
✅ Полный тариф с куратором — 9000 руб (вместо 9900 руб)

На интенсив Worpdress Мастер такие же скидки, но старт курса будет, скорее всего, в начале марта (дату скоро определим).

🔥 Поторопись, есть только по 2 места на каждый курс!

Предложение для уверенных и быстро принимающих решения людей.

⚡️ Пиши в ЛС @annblok кодовую фразу «2 февраля» без кавычек

🎁 В качества бонуса мы также подарим тебе:
— Frontend Book PDF;
— Чек-лист с планом обучения от верстальщика до фронтенд разработчика.

Какие компании используют React, Vue, Angular?
Какой JS фреймворк учить?

Ответ на данный вопрос найдешь в статье, в которой приведен полный перечень компаний для сравнения.

Читать — https://tpverstak.ru/which-companies-use-angular-react-vue/

#javascript

​​Разработка игр на JavaScript: реально и безболезненно 👀

Сегодня игрушку можно наваять на любом ЯП, и JS не исключение. Разработка игр по своей природе сложная задача – в статье подскажут, с чего начать.

Читать - https://proglib.io/p/razrabotka-igr-na-javascript-realno-i-bezboleznenno-2019-11-08

#javascript

​​Методы скрытия элементов веб-страниц 😎

Статья посвящена разбору методов скрытия элементов веб-страниц с использованием HTML и CSS. Здесь будут рассмотрены такие вопросы, как доступность контента, анимация, сценарии использования технологий скрытия данных на страницах.

Читать - https://habr.com/ru/company/ruvds/blog/485640/

#css #html

​​Универсальный роутинг для React приложений 🙈

Если попытаться в двух словах описать, в чем заключается функция роутинга на фронтэнде веб-приложений, то можно придти к выводу, что каждый популярный фреймоворк совершенно по-разному представляет это себе. Даже, сравнивая версии одного и того же фреймоворка, можно придти к выводу, что функции и API роутинга наиболее подвержены изменениям (часто без обратной совместимости). Например 4-я версия роутинга в React была переработана настолько радикально, что некоторые популярные проекты на githab.com так и не перешли на эту версию.

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

#react

Новый рубеж: 30 000 тысяч зрителей на Youtube канале

Замечательная цифра! Бесконечно благодарна вам за то, что смотрите мой канал, подписываетесь, оставляете свои комментарии и делаете прочие активности! Без вас я бы не продолжала делать то, что делаю — https://youtu.be/_WnNvUyLIQU

30 000 тысяч зрителей — это также прекрасный повод, чтобы запустить достаточно новый функционал ютуба “Спонсорство”. Вы можете выбрать любой вариант взаимодействия, за которые вы сможете получить различные ништяки от меня 🔥

Подробнее изучить варианты можно тут —> https://www.youtube.com/channel/UCn5wduCq2Mus0v85QZn9IaA/join

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

​​Как переписать фронтенд нагруженного проекта и не потерять главного 👀

Команда фронтенда Яндекс.Маркета столкнулась с ситуацией, когда начало расти время разработки нового функционала, появились участки кода, которые могут сопровождать только «старички», нанимать и адаптировать новых членов команды стало сложнее и дороже. Чтобы справиться с этим, им пришлось обновить свой технологический стек и переосмыслить часть процессов разработки и поставки нового функционала.

Читать - https://habr.com/ru/company/yandex/blog/486146/

#work

​​Prettier в крупных проектах: тратим 20 минут на настройку, забываем о форматировании навсегда 🙈

Разработчики часто не могут договориться о форматировании кода, и типичный рабочий день для многих начинает выглядеть так: кофе, кодинг, всё мирно и хорошо, — а потом, бац, и наступает код-ревью, на котором выясняется, что ты где-то поставил скобочки не так или не перенес что-то на новую строчку.
Год назад одна из команд в Skyeng сталкивалась с такими холиварами почти на каждом ревью. Но затем человек, у которого больше всех болело, сказал: «Теперь живем на Prettier'e, согласны?» За следующие месяцы ребята ни разу не поднимали вопрос о форматировании, а теперь эта штука стоит на всем монорепозитории фронтенда — и его использует каждая команда, которая туда заезжает.

Читать - https://habr.com/ru/company/skyeng/blog/484992/

#javascript #angular

Обзор Adobe Photoshop за 15 минут для верстальщиков 💙

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

Но сегодня, не смотря на изобилие удобных программ для создания интерфейсов (Figma, Sketch, XD), до сих пор можно встретить заказы, где требуется работа с макетом PSD. Поэтому давайте разбираться, что именно нужно знать верстальщику и веб-дизайнеру в этой программе.

Смотреть — https://youtu.be/ow2XKBYtddY

#photoshop

​​Пять советов по улучшению вашей среды разработки UI 😈

Среда разработки пользовательского интерфейса (UI dev envinroment), согласно определению ThoughtWorks Technology Radar, это комплексная интерактивная среда (по сути, отдельное веб-приложение), которая позволяет быстро итерировать компоненты пользовательского интерфейса изолированно, облегчая сотрудничество команд дизайнеров пользовательского интерфейса и UI-разработчиков. Это что-то вроде живой документации или каталога компонентов.

Читать - https://medium.com/front-end-in-regions-grodno/%D0%BF%D1%8F%D1%82%D1%8C-%D1%81%D0%BE%D0%B2%D0%B5%D1%82%D0%BE%D0%B2-%D0%BF%D0%BE-%D1%83%D0%BB%D1%83%D1%87%D1%88%D0%B5%D0%BD%D0%B8%D1%8E-%D0%B2%D0%B0%D1%88%D0%B5%D0%B9-%D1%81%D1%80%D0%B5%D0%B4%D1%8B-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B8-ui-a3a11dcd3d5d

#design

Простое модальное окно на чистом CSS ☺

Чаще всего модальные окна пишут с применением JavaScript или библиотеки jQuery. В этом видео я покажу, как добиться открытия и закрытия окна с использованием одного лишь CSS. Сам пример Codepen размещен под видео на Youtube.

Смотреть — https://youtu.be/Y4hg9PCHHfI

​​Как сделать анимацию в вебе с помощью GreenSock 😎

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

Читать - http://odinokun.com/2020-02-07-kak-sdelat-animaciyu-v-vebe-s-pomoshyu-greensock.html

#javascript

​​12 лучших и простых практик в React, которых стоит придерживаться в 2020 году 🙈

12 лучших и простых практик в React, которых стоит придерживаться в 2020 году.

Читать - https://medium.com/@stasonmars/12-%D0%BB%D1%83%D1%87%D1%88%D0%B8%D1%85-%D0%B8-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D1%8B%D1%85-%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA-%D0%B2-react-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D1%85-%D1%81%D1%82%D0%BE%D0%B8%D1%82-%D0%BF%D1%80%D0%B8%D0%B4%D0%B5%D1%80%D0%B6%D0%B8%D0%B2%D0%B0%D1%82%D1%8C%D1%81%D1%8F-%D0%B2-2020-%D0%B3%D0%BE%D0%B4%D1%83-c648b367d125

#react

📽 Трансляцию запущу в 18:30 по мск

👇🏻 Можете заранее переходить по ссылке
https://www.youtube.com/c/tpverstak/live

Отвечу на ваши вопросы по веб-разработке, будут кое-какие бонусы и заодно потестирую камеру. Жду всех!

​​Как разместить свой SPA (Angular, ReactJS, VueJS,…) на страницах GitHub 😈

Автор делится решением, показывая, как вы можете разместить свое одностраничное приложение в Angular, ReactJS или VueJS без каких-либо проблем на страницы GitHub.

Читать - https://medium.com/swlh/how-to-host-your-angular-reactjs-vuejs-spa-on-github-pages-2d9ab102ac7b

#git

Запись со стрима 🔥

Сегодня я ответила на все ваши вопросы, а также поделилась информацией о новом марафоне, который стартует 2 марта 2020. Всю информацию вы найдете в видео, обязательно переходите по ссылке 👇🏻

Смотреть — https://youtu.be/YmbUGIDRkao

2 марта стартует новый марафон «Email Вёрстка» ✉️

Читай до конца, тебя ждут крутые бонусы 🔥

====

На любых фриланс биржах (отечественных и зарубежных) можно найти много заказов по email вёрстке. Как известно методы создания такой вёрстки сильно отличаются от принципов построения веб-страниц, поэтому моя цель предоставить вам структурированный материал и домашки, которые будут включать в себя создания блоков, которые 100% встречаются на практике.

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

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

Марафон включается в себя 14 уроков, которые будут открываться каждый день на учебной платформе Frontend Blok в 6 утра по мск. Смотреть можно в любое удобное время.

✅ Если вы хотите начать обучение со скидкой и бонусами, то напишите в ЛС @annblok а ключевое слово ПОЧТА.

Что мы предлагаем?
— 3 бесплатных вопроса на сервисе https://frontendhelp.me/ru/
— Ежедневник Frontend Book PDF в подарок
— Сниженная стоимость на марафон: всего 990 рублей (вместо 1690)

💥 Чтобы все это получить, пиши нам в ЛС @annblok ключевое слово ПОЧТА.

🏃‍♂️ Предложение действует всего 2 дня, поторопитесь!

​​Работаем с аудио: загрузка, звук, прогресс, визуализация 😎

В статье покажут, как создать нечто вроде плеера для одного трека.

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

#javascript