☑️ ДЕКЛАРАТИВНОЕ И ИМПЕРАТИВНОЕ ПРОГРАММИРОВАНИЕ
На волне популярности React и прочих библиотек/фреймворков люди забывают о читаемости и думают только о красоте кода. Почему стоит смотреть на этот вопрос по другому - тут.
На волне популярности React и прочих библиотек/фреймворков люди забывают о читаемости и думают только о красоте кода. Почему стоит смотреть на этот вопрос по другому - тут.
Telegraph
Никого не волнует ваш стиль программирования
Окей, некоторых людей да, но не ваш компьютер.
☑️ АЛЬТЕРНАТИВЫ РЕШЕНИЯ ТИПИЧНЫХ ЗАДАЧ
Если максимально декомпозировать любую задачу – она сводится к похожим, конкретным кускам кода, которые мы пишем каждый день.
Собрал несколько альтернативных вариантов решения таких задач.
Если максимально декомпозировать любую задачу – она сводится к похожим, конкретным кускам кода, которые мы пишем каждый день.
Собрал несколько альтернативных вариантов решения таких задач.
Telegraph
Альтернативы решения типичных задач
Мне часто приходится выступать в роли ментора: в офисе (для junior разработчиков) на курсах (для совсем начинающих) И в связи с этим приходится читать много javascript кода написанного неопытными разработчиками. Также, схожий код часто встречается у разработчиков…
☑️ ДОСТУПНЫЙ FRONT-END #1
Цикл статей для улучшения доступности приложений.
Будем разбирать как сделать так, чтобы вашим сайтом/веб-приложением хотелось пользоваться.
Первая статья про упрощение взаимодействия с формами.
Цикл статей для улучшения доступности приложений.
Будем разбирать как сделать так, чтобы вашим сайтом/веб-приложением хотелось пользоваться.
Первая статья про упрощение взаимодействия с формами.
Telegraph
HTML-атрибуты для упрощения двухфакторной аутентификации
В этой статье мы рассмотрим и атрибуты HTML, которые помогут ускорить двухфакторную аутентификацию пользователей. Обычная форма Когда вы реализуете двухфакторную аутентификацию для веб-приложения, возможно, вам потребуется форма для ввода пользователем однократного…
Привет, спасибо, что читаете!
Появилась идея коротких постов. С упором на визуальный контент и не занимающий много времени на прочтение и осмысление. В телеграмм мне нравится делать большие посты с детальным разбором и описанием или переводить интересные статьи. Есть же вещи, про которые хочется рассказать, но для отдельного поста информации маловато, а собрать что-то схожее не совсем получается.
Для этих целей теперь есть инстаграмм WiseJS.
Многие из вас меня знают только по постам здесь. Исправим это постом знакомства.
PS: Небольшой quiz в стори!
Появилась идея коротких постов. С упором на визуальный контент и не занимающий много времени на прочтение и осмысление. В телеграмм мне нравится делать большие посты с детальным разбором и описанием или переводить интересные статьи. Есть же вещи, про которые хочется рассказать, но для отдельного поста информации маловато, а собрать что-то схожее не совсем получается.
Для этих целей теперь есть инстаграмм WiseJS.
Многие из вас меня знают только по постам здесь. Исправим это постом знакомства.
PS: Небольшой quiz в стори!
Instagram
𝗙𝗿𝗼𝗻𝘁-𝗲𝗻𝗱|𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁|𝗛𝗧𝗠𝗟|𝗖𝗦𝗦
#пост_знакомство ⠀ Всем привет👋 Меня зовут Погребняк Максим, я профессиональный js-разработчик и Front-end ментор. И сегодня я расскажу некоторые факты о себе: ⠀ - моя карьера разработчика началась с курсов по Front-end; ⠀ - имею степень магистра и мое высшее…
☑️ ВЕБДОСТУПНІСТЬ HTML #2
Який сенс використовувати тег
Пост українською 🇺🇦.
Який сенс використовувати тег
section
і чому вам треба звернути увагу на article
.Пост українською 🇺🇦.
Telegraph
article чи section?
З появою стандарту HTML5 ми почали більше дбати про доступність та семантику вебсторінок. Більшість розробників надають перевагу тегам і , та зовсім не використовють . Чому так? Це одна з вічних таємніць веброзробки, як і «чому це white-space: nowrap…
☑️ ЗАЧЕМ _ В АТРИБУТЕ target у ССЫЛОК
Атрибут
Но почему его значения начинаются с
Атрибут
target
определяет, где открывать документ, на который указывает ссылка.Но почему его значения начинаются с
_
?Telegraph
Почему значения атрибута target="_blank" начинается с подчеркивания
HTML-ссылки создаются с помощью элементов . Ссылки представляют собой связь между двумя ресурсами, одним из которых является текущий документ. По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие…
☑️ CONTEXT и SCOPE
Проводил недавно собеседования.
Спрашивал про scope и context в JavaScript.
Примерно половина людей думает что это одно и то же, а другая половина путается и теряется.
Особенно важно обратить внимание начинающим разработчикам.
Разбираемся вместе.
Проводил недавно собеседования.
Спрашивал про scope и context в JavaScript.
Примерно половина людей думает что это одно и то же, а другая половина путается и теряется.
Особенно важно обратить внимание начинающим разработчикам.
Разбираемся вместе.
Telegraph
Разница между контекстом (context) и областью видимости (scope) в JavaScript
Спрашивая данный вопрос на собеседованиях, начинающие и даже некоторые опытные разработчики путают эти, казалось бы, базовые понятия. Scope – область видимости Область видимости определяет, есть ли у вас доступ к переменной. До введения let и const область…
☑️ ОТРИЦАТЕЛЬНЫЙ margin
Существует несколько точек зрения на использование отрицательного значения, как резко негативное, так и положительное.
Разбираемся в том, что же это такое: хак или обычное значение?
Существует несколько точек зрения на использование отрицательного значения, как резко негативное, так и положительное.
Разбираемся в том, что же это такое: хак или обычное значение?
Telegraph
Все что следует знать про отрицательные margin в CSS
В верстке мы повсеместно используем CSS свойство margin для внешних отступов и горизонтального выравнивания. Вероятно вы встречали, или использовали и отрицательные margin.
☑️ 10 способов скрыть элементы в CSS
Иногда появляется необходимость скрыть некоторые элементы с сайта (блоки, картинки, DIV и так далее), либо просто скрыть текст при помощи CSS. Для этого существует несколько различных способов, которые отличаются по эффекту. Далее вы можете узнать о них.
Иногда появляется необходимость скрыть некоторые элементы с сайта (блоки, картинки, DIV и так далее), либо просто скрыть текст при помощи CSS. Для этого существует несколько различных способов, которые отличаются по эффекту. Далее вы можете узнать о них.
Telegraph
10 способов скрыть элементы в CSS
Существует несколько способов скрыть элемент в CSS, но они отличаются тем, как они влияют на доступность, анимацию, производительность и обработку событий. Анимация Некоторые опции скрытия CSS – это все или ничего. Элемент либо полностью видим, либо полностью…
🎉 КАНАЛУ 1 ГОД 🎉
Спасибо что читаете!
В связи с этим, и пролонгацией карантина я решил сделать бесплатный онлайн курс по front-end разработке.
Заинтересовало?
Детали в соответствующем канале: https://t.me/free_front_end
Спасибо что читаете!
В связи с этим, и пролонгацией карантина я решил сделать бесплатный онлайн курс по front-end разработке.
Заинтересовало?
Детали в соответствующем канале: https://t.me/free_front_end
☑️ min(), max(), clamp()
В апреле 2020 появилась поддержка этих функций в основных барузерах.
Что это за функции и чем могут быть полезны – в посте.
В апреле 2020 появилась поддержка этих функций в основных барузерах.
Что это за функции и чем могут быть полезны – в посте.
Telegraph
Функции min(), max() и clamp() в CSS
Эти функции в CSS позволяют сравнивать значения выражений и представлять одно из них. Они расширяют наши возможности по созданию динамических макетов и созданию более гибких компонентов. min() Позволяет установить наименьшее значение из списка выражений,…
☑️ АДАПТИВНЫЕ ИЗОБРАЖЕНИЯ HTML5
Вместе с множеством разрешений экранов приходит необходимость в сжатии/растяжении изображения или вовсе подстановки других картинок для того, чтобы соответствовать требованиям. Решаем эти задачи правильным методом.
Вместе с множеством разрешений экранов приходит необходимость в сжатии/растяжении изображения или вовсе подстановки других картинок для того, чтобы соответствовать требованиям. Решаем эти задачи правильным методом.
Telegraph
Адаптивные изображения. Атрибут srcset. Тег picture.
При верстке веб-страниц често приходится решать следующую задачу:
☑️ НОВЫЕ ОПЕРАТОРЫ В JavaScript
JavaScript очень быстро развивается. В последнем стандарте были добавлены новые операторы, которые позволяют писать более красивый и выразительный код. Рассматриваем их здесь.
JavaScript очень быстро развивается. В последнем стандарте были добавлены новые операторы, которые позволяют писать более красивый и выразительный код. Рассматриваем их здесь.
Telegraph
Новые операторы в JavaScript
Современная спецификация JavaScript, поддерживает синтаксис стрелочных функций, операторы spread и rest, модули и классы. Эти и другие инструменты делают JavaScript гибким и выразительным языком программирования. Развитие языка не стоит на месте и разработчики…
☑️ ВСЕ СПОСОБЫ ПОЛУЧЕНИЯ ДАННЫХ ИЗ ФОРМЫ В JavaScript
🤓 Данный пост рассчитан на новичков, но и опытные разработчики могут найти для себя что-то новое.
С помощью JavaScript мы можем получать значения формы и манипулировать полями.
Способов сделать это множество. Разбираем их в новом видео на Youtube канале WiseJS.
Текстовый формат, конечно же, остается: кликай здесь.
Голосуйте ниже, какой формат вам нравится больше видео (📹) или текстовый (🗒).
🤓 Данный пост рассчитан на новичков, но и опытные разработчики могут найти для себя что-то новое.
С помощью JavaScript мы можем получать значения формы и манипулировать полями.
Способов сделать это множество. Разбираем их в новом видео на Youtube канале WiseJS.
Текстовый формат, конечно же, остается: кликай здесь.
Голосуйте ниже, какой формат вам нравится больше видео (📹) или текстовый (🗒).
YouTube
СВЯЗЫВАЕМ HTML Form C JavaScript. ВСЕ СПОСОБЫ ПОЛУЧЕНИЯ ДАННЫХ. FormData.
В этом видео я рассказываю о всех способах извлечения данных из HTML формы с помощью JavaScript. FormData. СВЯЗЫВАЕМ HTML Form C JavaScript.
⏱ Таймкоды:
01:21 Метод #1: Найти каждое поле через селектор
05:19 Метод #2: Найти все поля одним селектором
09:07…
⏱ Таймкоды:
01:21 Метод #1: Найти каждое поле через селектор
05:19 Метод #2: Найти все поля одним селектором
09:07…
Все еще желаете освоить Front-end 💻, но так и не переходите к его изучению, или не знаете с чего начать?
Начните с HTML!
Выучите данный язык разметки всего за 40 минут моем новом видео!
Начните с HTML!
Выучите данный язык разметки всего за 40 минут моем новом видео!
YouTube
ЯЗЫК РАЗМЕТКИ HTML ЗА 40 МИНУТ ДЛЯ НАЧИНАЮЩИХ. ВСЕ ТЕГИ ВКЛЮЧЕНЫ.
Язык разметки HTML5. Синтаксиc. Правила оформления страниц. Основные теги.
🚀Ставьте на паузу и повторяйте код за мной, остановок не будет!
🔗 Ссылки из видео:
Visual Studio Code (VSCode) - https://code.visualstudio.com/
Валидатор - https://validator.w3…
🚀Ставьте на паузу и повторяйте код за мной, остановок не будет!
🔗 Ссылки из видео:
Visual Studio Code (VSCode) - https://code.visualstudio.com/
Валидатор - https://validator.w3…
☑️ ВСЕ, ЧТО НУЖНО ЗНАТЬ ПРО ТЕГ
Разбираемся с особенностями атрибутов, и порядком исполнения скриптов по ссылке.
🚀🚀🚀
SCRIPT
Разбираемся с особенностями атрибутов, и порядком исполнения скриптов по ссылке.
🚀🚀🚀
Telegraph
Все, что нужно знать про тег <script>
Элемент script позволяет включать в свои документы скрипты выполняемые на стороне пользователя. Так же, данный тег, используют для включения блоков данных. Блоки данных могут выглядеть следующим образом: