​​Опыт разработки виджетов для сторонних сайтов 😎

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

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

#work

⚡️ Срочное включение!
Есть ли среди моих подписчиков, кто пишет на Python? Интересует опыт работы с Django.
Готовлю видео на ютуб по теме “Python для веб-разработчика”.

Если есть желание принять участие в ролике с точки зрения помощи, проверить правильность текста, возможно, где-то дополнить его, то буду рада. Напишите мне - @annblok. Могу отметить в ролике в описании под будущем видео, по желанию.

​​7 полезных HTML-атрибутов, о которых вы, возможно, не знаете 😎

Веб-разработчик просто обязан хорошо знать HTML и уметь им пользоваться. Тот, кто не ориентируется в HTML, просто не может называться веб-разработчиком. Ведь каждый сайт в интернете создан с применением HTML. Этот язык разметки обладает массой ценных возможностей. В частности, HTML-элементам можно назначать атрибуты, применение которых позволяет расширять возможности элементов. Некоторые атрибуты общеизвестны, а вот о некоторых кое-кто, возможно, и не знает. Поговорим о таких вот малоизвестных HTML-атрибутах.

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

#html

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

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

​​Крутые трюки с переменными CSS 😃

Переменные в CSS (или custom properties, кому как удобнее) изначально задумывались для хранения повторяющихся свойств вроде цветовой палитры или шрифтов в одном месте. В препроцессорах работа с переменными куда более гибкая, но магия SASS/SCSS применима не всегда и не везде, и в реальном мире часто обходятся без них, что нередко ведёт к раздуванию и размазыванию кодовой базы по разным файлам и форматам. В этой статье рассмотрим несколько интересных хаков, которые позволяют построить на механизме custom properties вещи, кажущиеся невозможными без препроцессоров или вмешательства JS.

Читать: https://habr.com/ru/company/macloud/blog/550168/

#css

⚠️  Вы знали, что у нас есть бесплатный марафон «Основы веб-разработки»?

Идеально подойдет новичкам и даже тем, кто впервые слышит слово «веб-разработка». Длительность марафона 5 дней и вот список тем, с которыми ты ознакомишься:
- Что дает IT-сфера тем, кто связал свою жизнь с ней?
- Основные термины, чтобы понимать программистов
- Чем занимается веб-разработчик?
- Вместе напишем первый код на HTML, CSS и JavaScript ⚡️
- Какие редакторы кода существуют и как они работают?
- Настолько ли сложен JavaScript, как о нем говорят? Что нужно знать?
- Где искать заказчика?
- Какие соцсети лучше всего помогут вам в поиске заказчика?
- На каких сайтах лучше искать работу?
- Что спрашивают на собеседованиях?
- Как оформить профиль Linkedin, чтобы он сам искал вам работу.

👇 Переходи по ссылке, регистрируйся и начинай обучение:
https://frontendblok.com/marathons/web-marathon

​​Глобальные объекты в Angular 🤔

В JavaScript мы часто используем сущности вроде window, navigator, requestAnimationFrame или location. Некоторые из этих объектов существуют испокон веков, некоторые — часть вечно растущего набора Web API. Возможно, вы встречали класс Location или токен DOCUMENT в Angular. Давайте обсудим, для чего они нужны и чему мы можем у них научиться, чтобы сделать наш код чище и более гибким.

Читать: https://habr.com/ru/company/tinkoff/blog/548510/

#work

​​Юнит-тестирование на PHP в примерах 😃

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

Читать: https://habr.com/ru/company/mailru/blog/549698/

#work

12 апреля стартуют курсы по верстке 🔥

Базовый и продвинутый курсы длятся по 1 месяцу (теория и верстка учебного макета) + 2 недели верстка дипломного проекта:
✅ https://frontendblok.com/courses/html-css
✅ https://frontendblok.com/courses/advanced-html-css

Кому стоит идти на базовый курс?

Этот курс для тех, кто хочет с нуля научиться верстать сайты, изучив на практике HTML и CSS. Макеты представлены в приложении Figma. Заранее изучать ничего не нужно, всю теоретическую базу мы представляем во время обучения.

Кому стоит идти на продвинутый курс?

Этот курс для тех, кто ранее уже верстал сайты, но хотел бы прокачать скилл. На практике мы используем Gulp, HTML и SCSS (CSS-препроцессор). Макеты представлены в приложении Photoshop.

​​Ограничения window.close() 🤔

Порой веб-разработчики с удивлением обнаруживают, что команда windows.close() не всегда закрывает окно браузера. А в консоли инструментов разработчика браузера при этом выводится сообщение, указывающее на то, что скрипты могут закрывать только окна, которые ими же и открыты. В статье подробно рассмотрим этот вопрос.

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

#javascript

​​Fiber’ы — новая фича в PHP 8.1 🐘

PHP пытается восполнить недостаток возможностей в своей кодовой базе, и Fiber’ы — одно из значимых нововведений. Они появились в PHP 8.1 в конце 2020 и привнесли в язык своего рода асинхронное программирование. Файберы представляют собой легковесные потоки исполнения (известные как сопрограммы, или корутины (coroutine)). Они исполняются параллельно, но обрабатываются исключительно самой runtime-средой, а передаются напрямую в процессор. Разные реализации сопрограмм есть во многих основных языках, но принцип один и тот же: позволить компьютеру одновременно выполнять две и больше задач и ждать, пока они все не завершатся.

Читать: https://habr.com/ru/company/mailru/blog/551240/

#php

Как создаются сайты на Python? 🐍

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

✅ Смотреть - https://youtu.be/oz_E5WLXTgY

#python

Уже завтра стартуют курсы по верстке, после которых ты научишься создавать сайты своими руками 🖥 🔥

Базовый и продвинутый курсы длятся по 1 месяцу (теория и верстка учебного макета) + 2 недели даются на верстку дипломного проекта:
✅ https://frontendblok.com/courses/html-css
✅ https://frontendblok.com/courses/advanced-html-css

Кому стоит идти на базовый курс?

Этот курс для тех, кто хочет с нуля научиться верстать сайты, изучив на практике HTML и CSS. Макеты представлены в приложении Figma. Заранее изучать ничего не нужно, всю теоретическую базу мы представляем во время обучения.

Кому стоит идти на продвинутый курс?

Этот курс для тех, кто ранее уже верстал сайты, но хотел бы прокачать скилл. На практике мы используем Gulp, HTML и SCSS (CSS-препроцессор). Макеты представлены в приложении Photoshop.

Обучение стартует уже завтра, а форма оплаты будет активна до завтрашнего дня 6 утра мск.

#вакансия
Ищем Frontend разработчика со знанием Vue.

Требования к исполнителю:
Знания Html, CSS(SCSS), JS;
Необходима верстка без адаптива;
Знания Vue + Vue router.

Подробные сведения о проекте, ТЗ и макет, пишите в ТГ  @whynot5

​​FrontEnd разработка в Docker 🐳

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

К счастью - эта проблема решена в современном мире разработки, если не полностью, то в большей мере. Нам на выручку пришел Docker.

Данная статья сделана для FrontEnd разработчиков, которые не знакомы с Docker. Мы разберем некоторые вопросы связанные с оптимизацией трафика для запуска и затронем немного вопросы безопасности.

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

#work

​​Вы можете создавать эти элементы, не используя JavaScript 😎

Мы привыкли создавать некоторые элементы пользовательского интерфейса с помощью JavaScript, например аккордеоны, всплывающие подсказки (тултипы), усечение текста и т. д. Но, поскольку HTML и CSS постоянно получают новые функции, а старые браузеры больше не нужно поддерживать, мы можем использовать намного меньше JavaScript-кода для создания элементов пользовательского интерфейса и больше фокусироваться на логической части (проверки, обработка данных и т. д.).

Читать: https://habr.com/ru/company/skillfactory/blog/550392/

#html  #css

​​DevTools для «чайников» 😃

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

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

#work

​​5 плохих CSS практик 🤔

Бытует мнение, что CSS сложный. Существует много костылей, магии. Легко выстрелить себе в колено. Многие разроботчики по неопытности используют CSS свойства иррационально или безграмотно. В данной статье приведены 5 привычек разработчиков, которые являются не сильно хорошей практикой, и показаны решения, как их избежать.

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

#css

​​Архитектура плагинов в приложениях Angular 😎

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

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

#work

​​Полезности для разработчика на Django🐍

Данная статья является результатом изучения большого пласта материала, разбросанного по всему Интернету, по форумам, чатам, сайтам-блогам с целью собрать воедино и обобщить полезную информацию для интересующихся раработкой на Django.

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

#work