Скоро JavaScript Web Projects: 20 Projects to Build Your Portfolio [Andrei Neagoie,Jacinto Wong]

Moderator
4 Сен 2023
0
-2,997
Веб-проекты на JavaScript: 20 проектов для создания вашего портфолио

Веб-проекты на JavaScript: 20 проектов для создания вашего портфолио Современные HTML5, CSS3 и JavaScript для создания адаптивных и мобильных проектов для портфолио и резюме вашей мечты!

Курс на Английском языке, присутствуют английские субтитры

27 секций • 232 лекции • Общая длина 32ч 45м

Untitled.jpg


Чему вы научитесь

20 проектов с чистым JavaScript, HTML5, CSS3 со всем предоставленным кодом
Пройдите путь от новичка до уверенного разработчика JavaScript
Изучите практики UI / UX для создания адаптивных и мобильных веб-приложений.
Асинхронное программирование с AJAX, Fetch API, Promises и Async + Await
Пишите чистый, удобный и производительный код Javascript
Работа с веб-API (localStorage, DOM и др.)
Современный HTML5 (холст, видео, аудио и др.)
Современный CSS3 (анимация, переходы, переменные и др.)
Избегайте распространенных ошибок, которые делают другие программисты Javascript и новички
Создайте 20 красивых и настраиваемых приложений для реального мира.

Итак, что мы строим? Готовьтесь к этому:

Spock Rock Game - , Модули
Генератор цитат - выборка, асинхронизация / ожидание, 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
Анимированный шаблон - шаблон,
Перетаскивание - 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, , Svelte или любой другой набор инструментов современного разработчика, в конце концов, основы JavaScript являются ключевыми, а изучение JavaScript - это инвестиции, которые окупятся. прочь на много лет в будущее. Укрепив свои знания JavaScript и имея возможность создавать что-то без костылей, таких как библиотеки и фреймворки, вы будете хорошо себя чувствовать в будущем.

Вот правда: легко найти проекты JavaScript для работы в Интернете. Вы можете скопировать и вставить код. Вы можете смотреть видео на YouTube. Это просто (и бесплатно). Этот курс отличается тем, что у нас есть не только современные проекты, использующие новейшие функции JavaScript и API-интерфейсы браузера, но мы также проводим обзор кода каждого проекта. После создания веб-сайта мы просматриваем код и обсуждаем, как мы можем улучшить код, как повысить безопасность или производительность ваших проектов.

Это как если бы старший разработчик наконец научил вас, что такое хороший код, каковы типичные ошибки новичков и как писать поддерживаемый код.

ПРОДАЖНИК


Для просмотра содержимого вам необходимо авторизоваться

Для просмотра содержимого вам необходимо авторизоваться