JavaScript Web Projects: 20 Projects to Build Your Portfolio (Andrei Neagoie,Jacinto Wong)
Описание:
Веб-проекты на JavaScript: 20 проектов для создания вашего портфолио Современные HTML5, CSS3 и JavaScript для создания адаптивных и мобильных проектов для портфолио и резюме вашей мечты!
Чему вы научитесь
- 20 проектов с чистым JavaScript, HTML5, CSS3 со всем предоставленным кодом
- Пройдите путь от новичка до уверенного разработчика JavaScript
- Изучите практики UI / UX для создания адаптивных и мобильных веб-приложений.
- Асинхронное программирование с AJAX, Fetch API, Promises и Async + Await
- Пишите чистый, удобный и производительный код Javascript
- Работа с веб-API (localStorage, DOM и др.)
- Современный HTML5 (холст, видео, аудио и др.)
- Современный CSS3 (анимация, переходы, переменные и др.)
- Избегайте распространенных ошибок, которые делают другие программисты Javascript и новички
- Создайте 20 красивых и настраиваемых приложений для реального мира.
Итак, что мы строим? Готовьтесь к этому:
- Spock Rock Game - Confetti.js, Модули
- Генератор цитат - выборка, асинхронизация / ожидание, API цитат, CORS
- Картинка в картинке - API картинки в картинке, API захвата экрана
- Приложение "Закладки" - DOM, localStorage
- NASA APOD - Fetch, Async / Await, NASA API, DOM, localStorage
- Анимированная навигация - CSS-анимация
- Бесконечная прокрутка - выборка, асинхронный / ожидающий, API Unsplash, DOM, прослушиватель событий прокрутки
- Приложение обратного отсчета - Дата, localStorage
- Музыкальный проигрыватель - HTML 5 Audio API
- Калькулятор - математические методы
- Страница-заставка - Основы DOM
- Светлый / Темный режим - DOM, localStorage
- Проверка формы - DOM, формы
- Joke Teller - Fetch, Async / Await, Joke API, преобразование текста в речь
- Видеоплеер - HTML 5 Video API
- MS Paint Clone - Advanced HTML Canvas, localStorage
- Pong Clone - расширенный холст HTML
- Математический спринт - SetInterval, DOM, методы массива, localStorage
- Анимированный шаблон - шаблон, AOS.js
- Перетаскивание - API перетаскивания, localStorage
Требования
- Только базовое понимание HTML, CSS и JavaScript
- Подойдет любой компьютер и ОС - Windows, Mac или Linux.
Описание
Только что запущен в июле 2020 года со всеми современными функциями HTML5, CSS3 и JavaScript! Присоединяйтесь к живому онлайн-сообществу из более чем 350 000+ разработчиков и к курсу, который проводят отраслевые эксперты, которые действительно работали с JavaScript как в Кремниевой долине, так и в Торонто!
Этот курс ориентирован на эффективность и получение вами работы путем создания портфолио вашей мечты, чтобы вы могли получить работу или работать фрилансером. Никогда больше не тратьте время на запутанные, устаревшие и неполные руководства! Выпускники курсов Андрея сейчас работают в Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook и других ведущих технологических компаниях (серьезно, погуглите, чтобы проверить некоторые отзывы).
Если вы хотите стать фрилансером, получить работу или просто продвинуться по карьерной лестнице, этот новый курс шаг за шагом проведет вас через 20 проектов JavaScript, которые вы сможете настроить и сразу же добавить в свое портфолио. Попутно вы научитесь создавать проекты с использованием HTML, CSS и JavaScript и по-настоящему получите навыки разработчика JavaScript.
Если вы хотите когда-нибудь изучить React, Angular, Vue JS, Node.js, Svelte или любой другой набор инструментов современного разработчика, в конце концов, основы JavaScript являются ключевыми, а изучение JavaScript - это инвестиции, которые окупятся. прочь на много лет в будущее. Укрепив свои знания JavaScript и имея возможность создавать что-то без костылей, таких как библиотеки и фреймворки, вы будете хорошо себя чувствовать в будущем.
Вот правда: легко найти проекты JavaScript для работы в Интернете. Вы можете скопировать и вставить код. Вы можете смотреть видео на YouTube. Это просто (и бесплатно). Этот курс отличается тем, что у нас есть не только современные проекты, использующие новейшие функции JavaScript и API-интерфейсы браузера, но мы также проводим обзор кода каждого проекта. После создания веб-сайта мы просматриваем код и обсуждаем, как мы можем улучшить код, как повысить безопасность или производительность ваших проектов.
Это как если бы старший разработчик наконец научил вас, что такое хороший код, каковы типичные ошибки новичков и как писать поддерживаемый код.
