Решил сделать небольшой курс по HTML, как вам первый урок, все ли понятно?
Anonymous Poll
85%
Все супер 👍🔥
0%
Понравилось, но недостаточно подробно объяснил
15%
Не понравилось ☹️
Ссылка для скачивания библиотеки: https://michalsnik.github.io/aos/
michalsnik.github.io
AOS - Animate on scroll library
AOS - Animate On Scroll library using CSS3
Условные операторы в JavaScript 🚀
Условные операторы - это операторы языка JavaScript, которые в зависимости от некоторого условия позволяют выполнить одно или несколько определённых инструкций.
Виды условных операторов в JavaScript:
условный оператор if (с одной ветвью);
условный оператор if...else (с двумя ветвями);
условный оператор else if... (с несколькими ветвями);
тернарный оператор (?:);
оператор выбора switch.
Условный оператор if(…) вычисляет условие в скобках и, если результат true, то выполняет блок кода. Таким образом, инструкция if (…) вычисляет выражение в скобках и преобразует результат к логическому типу.
Условие if выполняет инструкцию, если указанное условие истинно. Если условие не выполняется (ложно), то выполняется другая инструкция, следующая за оператором else.
Условный (тернарный) оператор — единственный оператор в JavaScript, принимающий три операнда. Он часто используется в качестве укороченного варианта условного оператора if. Условный оператор возвращает одно значение из двух данных в зависимости от логического значения условия:
(условие) ? (выражение1 если True) : (выражение2 если False)
Оператор switch предназначен для выполнения одного варианта инструкций из нескольких в зависимости от значения выражения. Выбор того или иного варианта определяется посредством строгого равенства результата выражения значению случая (case).
Примеры к каждому оператору можно посмотреть в моём посте в Instagram👇
Условные операторы - это операторы языка JavaScript, которые в зависимости от некоторого условия позволяют выполнить одно или несколько определённых инструкций.
Виды условных операторов в JavaScript:
условный оператор if (с одной ветвью);
условный оператор if...else (с двумя ветвями);
условный оператор else if... (с несколькими ветвями);
тернарный оператор (?:);
оператор выбора switch.
Условный оператор if(…) вычисляет условие в скобках и, если результат true, то выполняет блок кода. Таким образом, инструкция if (…) вычисляет выражение в скобках и преобразует результат к логическому типу.
Условие if выполняет инструкцию, если указанное условие истинно. Если условие не выполняется (ложно), то выполняется другая инструкция, следующая за оператором else.
Условный (тернарный) оператор — единственный оператор в JavaScript, принимающий три операнда. Он часто используется в качестве укороченного варианта условного оператора if. Условный оператор возвращает одно значение из двух данных в зависимости от логического значения условия:
(условие) ? (выражение1 если True) : (выражение2 если False)
Оператор switch предназначен для выполнения одного варианта инструкций из нескольких в зависимости от значения выражения. Выбор того или иного варианта определяется посредством строгого равенства результата выражения значению случая (case).
Примеры к каждому оператору можно посмотреть в моём посте в Instagram👇
👍2
Друзья, теперь это мой личный телеграмм канал с бесплатными материалами для обучения ❗️
В этом канале буду выкладывать материалы для изучению веб-разработки, готовый код для скачивания и т.д.
Всем успехов в обучении:)
В этом канале буду выкладывать материалы для изучению веб-разработки, готовый код для скачивания и т.д.
Всем успехов в обучении:)
🔥1
Игра - Тренировка реакции 🚀
По результатам опроса в Инстаграме решил выложить код данной игры. Игра написана на чистом JavaScript без использования сторонних библиотек.
В данной игре вы сами можете настраивать время, в течении которого хотите тренироваться. После нажатия на кнопку Начать вы будете видеть квадраты разной ширины и цвета, по которым нужно успеть щелкнуть. Тренировка закончится через указанный отрезок времени. Выводится результат — количества нажатий по квадратам.
По результатам опроса в Инстаграме решил выложить код данной игры. Игра написана на чистом JavaScript без использования сторонних библиотек.
В данной игре вы сами можете настраивать время, в течении которого хотите тренироваться. После нажатия на кнопку Начать вы будете видеть квадраты разной ширины и цвета, по которым нужно успеть щелкнуть. Тренировка закончится через указанный отрезок времени. Выводится результат — количества нажатий по квадратам.
👍1
Делаем анимацию при наведении на изображение 🚀
На своём ютуб канале рассказал, как можно очень легко создать анимацию для изображений без JS (только HTML и CSS). Делается такая анимация не дольше 5 минут, при этом эффект получается очень красивый.
Постарался объяснить каждую строчку максимально подробно, надеюсь вам понравится данный урок. Переходи по ссылке и смотри 🔥👇
На своём ютуб канале рассказал, как можно очень легко создать анимацию для изображений без JS (только HTML и CSS). Делается такая анимация не дольше 5 минут, при этом эффект получается очень красивый.
Постарался объяснить каждую строчку максимально подробно, надеюсь вам понравится данный урок. Переходи по ссылке и смотри 🔥👇
[React] Что такое JSX? 🚀
Рассмотрим это объявление переменной:
const element = <h1>Привет, мир!</h1>;
Этот странный тег — ни строка, ни фрагмент HTML.
Это JSX — расширение языка JavaScript. Его рекомендуется использовать, когда требуется объяснить React, как должен выглядеть UI. JSX напоминает язык шаблонов, наделённый силой JavaScript.
React принимает тот факт, что логика отрисовки по сути связана с другой логикой пользовательского интерфейса: как обрабатываются события, как изменяется состояние со временем и как данные подготовлены для отображения. Вместо искусственного разделения технологий, помещая разметку и логику в отдельные файлы, React разделяет ответственности со слабо связанными модулями, называемыми «компонентами», которые содержат вместе разметку и логику.
React не требует использование JSX, но большинство людей находят его полезным в качестве визуальной демонстрации при работе с пользовательским интерфейсом внутри кода JavaScript. Он также позволяет React показывать более полезные сообщения об ошибках и предупреждения.
Более подробно читай в посте в Instagram! Переходи по ссылке 🔥👇
Рассмотрим это объявление переменной:
const element = <h1>Привет, мир!</h1>;
Этот странный тег — ни строка, ни фрагмент HTML.
Это JSX — расширение языка JavaScript. Его рекомендуется использовать, когда требуется объяснить React, как должен выглядеть UI. JSX напоминает язык шаблонов, наделённый силой JavaScript.
React принимает тот факт, что логика отрисовки по сути связана с другой логикой пользовательского интерфейса: как обрабатываются события, как изменяется состояние со временем и как данные подготовлены для отображения. Вместо искусственного разделения технологий, помещая разметку и логику в отдельные файлы, React разделяет ответственности со слабо связанными модулями, называемыми «компонентами», которые содержат вместе разметку и логику.
React не требует использование JSX, но большинство людей находят его полезным в качестве визуальной демонстрации при работе с пользовательским интерфейсом внутри кода JavaScript. Он также позволяет React показывать более полезные сообщения об ошибках и предупреждения.
Более подробно читай в посте в Instagram! Переходи по ссылке 🔥👇
[React] Отрисовка элементов 🚀
Элементы — это самые маленькие строительные блоки приложений React.
Элемент описывает, что вы хотите видеть на экране. В отличие от DOM-элементов браузера, элементы React — обычные объекты, лёгкие для создания. React DOM берёт заботу по обновлению DOM на себя для соответствия элементам React. Элементы — это то, что из чего компоненты «сделаны»
React-элементы — неизменяемы. Создав однажды элемент, вы не сможете изменить его дочерние элементы или атрибуты. Элемент похож на один кадр в фильме: он представляет собой пользовательский интерфейс в определённый момент времени.
Единственный способ обновить интерфейс — создать новый элемент и передать его в ReactDOM.render().
React сравнивает элемент и его дочерние элементы с предыдущими и применяет только обновления, необходимые для преобразования DOM в желаемое состояние.
Элементы — это самые маленькие строительные блоки приложений React.
Элемент описывает, что вы хотите видеть на экране. В отличие от DOM-элементов браузера, элементы React — обычные объекты, лёгкие для создания. React DOM берёт заботу по обновлению DOM на себя для соответствия элементам React. Элементы — это то, что из чего компоненты «сделаны»
React-элементы — неизменяемы. Создав однажды элемент, вы не сможете изменить его дочерние элементы или атрибуты. Элемент похож на один кадр в фильме: он представляет собой пользовательский интерфейс в определённый момент времени.
Единственный способ обновить интерфейс — создать новый элемент и передать его в ReactDOM.render().
React сравнивает элемент и его дочерние элементы с предыдущими и применяет только обновления, необходимые для преобразования DOM в желаемое состояние.
