Публикации по теме 'beginning-code'
JavaScript 30 — День 8 Учебные заметки
День 8 JavaScript 30 Веса Боса познакомил меня с HTML5 Canvas, который представляет собой API, позволяющий вам рисовать дизайны на веб-странице как статически, так и динамически. Он также может делать анимацию. Бос сделал простое приложение для динамического рисования и не занимался анимацией.
Если вам нужен более полный курс по HTML 5 Canvas, посмотрите Ускоренный курс HTML5 Canvas Брэда Тревези на YouTube.
Для начала нам нужно получить доступ к API. Это делается в теле..
JavaScript 30 – День 17
День 17 JavaScript 30 Веса Боса включал в себя работу с множеством названий групп. Задача заключалась в том, чтобы удалить артикли а , ан , то из имен, а затем отсортировать список в алфавитном порядке.
Звучит просто, и Бос предложил нам попробовать сделать это самостоятельно, прежде чем смотреть остальную часть урока. Хорошо, я знал, как использовать методы замены и сортировки. Но я столкнулся с проблемой, пытаясь понять, как перебрать массив и применить эти методы к каждому..
JavaScript 30 — День 9 Учебные заметки
В девятый день JavaScript 30 Веса Боса были рассмотрены несколько инструментов разработчика, доступных в консоли. Он предложил краткий обзор советов и приемов. Конечно, я использовал console.log раньше и был немного знаком с инструментами проверки. Но я мало чем еще пользовался и, честно говоря, до этого урока не знал о ярлыке F12 .
Бос использовал простой массив объектов с именем «собаки».
const dogs = [{ name: 'Snickers', age: 2 }, { name: 'hugo', age: 8 }];
Мы работали..
JavaScript 30- День 11 Учебные заметки
День 11 курса JavaScript 30 Веса Боса состоял из добавления элементов управления воспроизведением видео в видео MP4. Программа добавила пользовательские элементы управления прямо на изображение. Это включало широкое использование кода JavaScript.
Во-первых, нам нужно было получить наши элементы из HTML. На самом деле я знал, как это сделать, с небольшими изменениями синтаксиса после того, как Бос показал нам, как он это сделал.
const player =..
JavaScript 30 Day 4 Study Notes
На этом уроке Вес Бос работал с несколькими методами массива; фильтровать, отображать, сортировать и уменьшать. Я не слишком знаком с использованием этих методов, поэтому я следил за видео и кодировал вместе с Босом, пока он выполнял 8 упражнений с использованием этих методов.
Фильтр
Учебник Красноречивый JavaScript определяет метод фильтра как таковой: Он отфильтровывает элементы в массиве, которые не проходят проверку…
Для массива объектов, содержащих данные об..
JavaScript 30 Day 5 Study Notes
Проект JavaScript 30 Day 5 включал работу с переходами CSS и flexbox в большей степени, чем с JavaScript. Мы манипулировали панелями изображений с текстом с помощью JavaScript, но настройка CSS сыграла жизненно важную роль.
Пять панелей были установлены в ряд. Каждая панель содержала три дочерние панели, содержащие текст. Однако изначально была видна только одна дочерняя панель. По щелчку мыши отображаются две другие дочерние панели.
Бос настроил HTML следующим образом:
<div..
JavaScript 30 – День 16 Учебные заметки
День 16 JavaScript 30 Веса Боса включал использование JavaScript для управления элементом text-shadow CSS при перемещении мыши по экрану.
Бос использовал класс героя, который представлял главный баннер веб-сайта. Этот класс CSS содержал заголовок h1. Переменная «walk» представляла собой расширение text-shadow.
const hero = document.querySelector('.hero');
const text = hero.querySelector('h1');
const walk = 100; //100px refers to max shadow extension
И прослушиватель событий,..
