Ура! Мы обновили сайт frontendblok.com 🥳frontendblok.com 🥳

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

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

Наш сайт — https://frontendblok.com/

Буду рада вашей оценке, а также обратной связи, если вдруг в каких-то моментах что-то не доглядели. Пишите — @annblok
Выкладывайте скрин, имя браузера и систему, чтобы сразу разобраться в ошибке.

​​7 инструментов, улучшающих опыт работы с GitHub 🙈

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

Читать - https://techrocks.ru/2020/05/09/7-tools-to-make-github-more-useful/

#git

​​25 лучших книг для программистов 😎

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

Читать - https://proglib.io/p/25-luchshih-knig-dlya-programmistov-2020-05-05

#work

Совсем забыла рассказать вам, что 18 мая стартует интенсив Wordpress Мастер! 🙈

Обучение длится 14 дней. Вы на практике научитесь из сверстанной страницы делать полноценный сайт с админкой на WP. Серьезный курс, где понадобятся знания по верстке. Будет плюсом, если вы проходили наши курсы по верстке, хотя бы базовый.

🔥 Только 3 дня скидки:
— Самостоятельный тариф 3900 руб (вместо 4900 руб)
— Полный тариф с куратором 8900 руб (вместо 9900 руб)

✅ Посмотреть вёрстку, которую будем использовать на курсе — http://tpverstak.ru/live/wordpress/

🤗 Присоединиться к интенсиву можно, оплатив тут — http://tpverstak.ru/wordpress-master/

Или если вы уже являетесь участником учебной платформы https://frontendblok.com/, то можете оплатить сразу там. Интенсив на учетной записи отразится моментально.

✏️ Отзывы — https://vk.com/topic-77986122_40108783

#обучение

Если у вас не открывается какая-либо из этих ссылок, напишите мне @annblok

Фото напоминание о том, что весна за окном должна быть видна не только из окна 🌸

18 мая стартует интенсив Wordpress Мастер! 🔥

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

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

🔥 Приятный бонус: только 3 дня скидки:
— Самостоятельный тариф 3900 руб (вместо 4900 руб)
— Полный тариф с куратором 8900 руб (вместо 9900 руб)

✅ Посмотреть вёрстку, которую будем использовать на курсе — http://tpverstak.ru/live/wordpress/

🤗 Присоединиться к интенсиву можно, оплатив тут — http://tpverstak.ru/wordpress-master/

Или если вы уже являетесь участником учебной платформы https://frontendblok.com/, то можете оплатить сразу там. Интенсив на учетной записи отразится моментально.

✏️ Отзывы — https://vk.com/topic-77986122_40108783

#обучение

​​Map() и forEach() в JavaScript - в чем разница 🙈

В этой статье автор расскажет об основных различиях между Map() и forEach() и покажет несколько примеров их использования.

Читать - https://morioh.com/p/deff12bdaa2e

#javascript

Почему заказчики чаще всего хотят сайт на Wordpress?

Серьезно, на фриланс биржах (при чем не важно, местные это или зарубежные) о-о-очень много заказов по работе с Wordpress. Давайте разбираться почему WP так популярно.

1️⃣ Позволяет делать полноценные блоги с возможностью комментирования, поиска по тегам, разбивкой по категориям, потому что именно для этого и создавалась данная CMS

2️⃣ Удобная админка, где интуитивно легко разобраться с тем, как создавать новые посты для блога и делать первичные настройки

3️⃣ Большой выбор плагинов. Можно без навыков PHP создать форму обратной связи, используя Contact Form 7. Или установить плагин слайдера, чтобы разместить фотографии. Для этого не обязательно лезть в код.

4️⃣ SEO френдли — сайт отлично определяется в поисковых системах, например, благодаря плагину All in One SEO

5️⃣ Огромное сообщество разработчиков, которые постоянно пишут и обновляют плагины.

6️⃣ Плагины плагинами, но если немного копнуть в PHP и заглядывать параллельно на сайт wp-kama можно прикрутить функции прямо в код, не нагружая сайт плагинами. Плагины утяжеляют сайт, а чистый код нет.

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

Если хочешь научиться работать с Wordpress, то на нашем 14-дневном интенсиве Wordpress Мастер, ты узнаешь, как любую верстку перенести на эту CMS.

Мы предоставляем готовую верстку и показываем как это делается поэтапно с использованием как плагинов, так и PHP.

‼️ Так вы сможете брать заказы, делая сайты под ключ.

🎁 Только сегодня действует скидка:
• самостоятельный тариф 3900 руб (вместо 4900)
• полный тариф с куратором 8900 руб (вместо 9900

✅ Напиши мне в ЛС @annblok фразу ХОЧУ НА ИНТЕНСИВ и я расскажу подробнее об обучении.

Если вы уже являетесь участником учебной платформы Frontend Blok, то можете приобрести курс со скидкой сразу там.

​​Динамическое выполнение выражений в Python: eval() 😈

О встроенной функции eval(), вопросах ее безопасного и эффективного использования в Python. В конце статьи вы напишите программу, обобщающую полученные знания.

Читать - https://proglib.io/p/dinamicheskoe-vypolnenie-vyrazheniy-v-python-funkciya-eval-2020-05-14

#python

Часто после завершения учёбы сложно найти работу по специальности. Skillbox создали практический онлайн-курс «Профессия fullstack-дизайнер», по завершении которого тебе помогут с трудоустройством: подберут подходящие вакансии и организуют собеседования. На курсе ты освоишь frontend, научишься разрабатывать дизайн-концепции, создавать прототипы, тестировать готовые продукты, а также сможешь одинаково хорошо выполнять задачи дизайнера и верстальщика.

В программу обучения входят 5 курсов:
- Веб-дизайн: от основ работы с графикой до создания 3D-элементов в Photoshop и работы в Cinema 4D и Blender.
- UX-дизайн: основные этапы проекта, UX-проектирование, анимация элементов интерфейса.
- Figma: популярный векторный редактор, который поможет оптимизировать рабочий процесс.
- Веб-вёрстка: HTML, CSS, адаптивность, кроссбраузерность и JavaScript для верстальщика.
- Дизайнер сайтов на Tilda: возможности и функционал программы.

Если ты уже разбираешься в одном или нескольких направлениях — сообщи об этом менеджеру, и за эти курсы платить не придётся!

Успей записаться по ссылке ▶️ https://clc.to/1YMKXg , первые студенты получат скидку 40%

#реклама

​​Проекты на JavaScript для изучения и развития 😎

Подборка из 22 проектов на чистом JavaScript для изучения и развития.

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

#javascript

​​Приключения Masonry-раскладки в CSS 👽

«Masonry-раскладка», она же «плиточная верстка», она же «раскладка кирпичиками», она же «Cascading Grid», она же — вернее, один из ее вариантов — «верстка как у Pinterest», она же… в общем, задача верстки такого типа макетов известна верстальщикам очень давно, под многими именами. Раньше на чистом CSS она до конца не решалась. Можно было добиться внешне похожего результата для частных случаев, но какой-то нюанс ускользал. На практике приходилось использовать JS-библиотеки — прежде всего Masonry, написанную Дейвом ДеСандро и, собственно, давшую название такой раскладке.
И вот в Рабочей группе по CSS появилось предложение, а спустя считанные месяцы — и его экспериментальная реализация, которую уже можно пощупать в Firefox Nightly/Beta за флагом. Кроме понятной радости, новинка успела вызвать немало путаницы и споров.

Читать - https://css-live.ru/css/priklyucheniya-masonry-raskladki-v-css.html

#css