Первоначально опубликовано в LinkedIn 22 марта 2018 г.
Демонстрация анимации JavaScript P5
Https://github.com/TheMitchWorksPro/FlatIronLearningCode на моем GitHub предоставляет вам три итерации кода, каждая из которых основана на предыдущем. Две из них были созданы во время бесплатного занятия в Access Labs, которое я посетил. В классе ученики шаг за шагом проходят процедуру настройки холста анимации P5 и создания на нем статического круга внутри квадрата. Введено несколько простых понятий, таких как RGB и генерация случайных чисел. Затем, к концу урока, ученики создали простую анимацию, в которой круг растет, стирая квадрат и в конечном итоге заполняя весь холст. Затем круг сбрасывается и повторяется снова. Если пользователь нажимает на анимацию, цвет круга меняется на случайно сгенерированный цвет.
Из личного интереса я исследовал и модифицировал код после завершения урока. Моя версия объединяет эту анимацию в функцию многократного использования и генерирует сетку из четырех из них на холсте. Я внес некоторые эстетические изменения в работу анимации. Я улучшил код генерации случайного цвета с помощью простой проверки, которая снижает риск того, что один и тот же цвет будет выбран дважды подряд. Наконец, в результате моих экспериментов было получено 6 различных незначительных поведенческих вариаций для анимации, которые я интегрировал в настройки, управляемые параметрами URL. Это код для начинающих, но я никогда раньше не работал с P5, поэтому было приятно взять то, что мне показали, и поработать с ним. Не стесняйтесь получить код из моего проекта Git и поиграть с ним сами. Комментарии в файле JavaScript содержат инструкции по тестированию различных вариантов параметров. Гиперссылки также представлены на главной странице проекта, щелкнув по которой, вы увидите все варианты кода в действии.
Предыстория: Access Labs
Flatiron School недавно открыла новую программу в своем новом пространстве WeWork под названием Access Labs. Программа представляет собой учебный лагерь, основанный на том принципе, что постоянно расширяющиеся профессии, основанные на коде, не должны быть недоступны для талантливых, а должны быть в финансовом положении. Студенты не должны платить за обучение до тех пор, пока они не закончат учебу и не получат свою первую работу. Хотя минимальная заработная плата, с которой студенты должны начать выплачивать, довольно низкая, они обеспечивают доступность программы, и если работа не будет найдена в разумные сроки, студент ничего не должен. Независимо от того, начинаете ли вы или просто пытаетесь ворваться, это делает возможность обучения программиста доступной для многих, кто в противном случае не мог бы себе этого позволить. Школа позиционирует эту программу как программную инженерию. Однако концепции, исследованные в их первом демонстрационном классе, кажутся более актуальными для веб-дизайна или UI / UX. Независимо от того, к какому конкретному типу карьеры программиста программа действительно готовит своих учеников, цели программы кажутся благородными, рабочее пространство выглядит хорошо скомбинированным, а школа предлагает бесплатные мероприятия, подобные тому, который описан в этой статье. Если вы думаете, подходит ли эта программа вам или кому-то из ваших знакомых, подумайте о проверке обзоров в отчетах о курсах. Веб-сайт flatiron также предлагает своего рода подход попробуйте, прежде чем покупать. Вы найдете бесплатные вводные онлайн-классы, которые вы можете посещать без каких-либо обязательств перед школой, а затем решите, посещать ли их позже. Вы также можете попасть в их список рассылки, посетив бесплатное мероприятие, и присутствовать на занятиях, подобных описанному здесь.
Школа Flatiron, бесплатный 2-часовой урок JavaScript P5
Класс проходил в прекрасном районе DUMBO Heights в Бруклине, на месте, которое должно было стать новым сайтом Access Labs. Класс был явно нацелен на аудиторию, которая никогда раньше не программировала. Они предоставили удобный URL-адрес для создания и тестирования кода на практике (установка не требуется). Учитель отлично объяснил все необходимое, но не выглядел так, как будто он все объяснял. Даже более знающие кодеры и программисты могут захотеть проверить их мероприятия и посетить все мероприятия, посвященные языкам или технологиям, с которыми вы в настоящее время не знакомы.
Не стесняйтесь размещать свои комментарии о том, что вы знаете о начале работы в P5, The Flatiron School или Access Labs вместе с этим сообщением. Ваши комментарии могут быть полезны другим читателям. Спасибо, что прочитали мой пост.
