Веб-проекты JavaScript: 20 проектов для создания вашего портфолио

Используйте современные HTML5, CSS3 и JavaScript для создания адаптивных и мобильных проектов для портфолио вашей мечты! Этот курс сфокусирован на эффективности и найме на работу, создав портфолио вашей мечты, чтобы вы могли получить работу или работать в качестве фрилансера.

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

Если вы хотите стать фрилансером, получить работу или просто продвинуться по карьерной лестнице, этот совершенно новый курс шаг за шагом проведет вас через 20 JavaScript-проектов, которые вы сможете сразу настроить и добавить в свое портфолио. Попутно вы научитесь создавать проекты с использованием HTML, CSS и JavaScript и по-настоящему развить свои навыки и уверенность в качестве разработчика JavaScript.

Если вы хотите в один прекрасный день изучить React, Angular, Vue JS, Node.js, Svelte или любой другой набор инструментов современного разработчика, в конце концов, основы JavaScript являются ключевыми, а изучение JavaScript - это инвестиция, которая окупится много лет в будущее. Укрепляя свои знания JavaScript и имея возможность создавать вещи без костылей, таких как библиотеки и фреймворки, вы обеспечите себе будущее и максимизируете свой доход.

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

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

Весь код будет предоставлен вам, и даже если вы не хотите писать код вместе, вы получите доступ к коду для проектов, чтобы сразу же добавить их в свое портфолио.

Так что мы строим? 

• Spock Rock Game - Confetti.js, Модули
• Генератор котировок - Fetch, Async / Await, API котировок, CORS
• Картинка в картинке - API картинка в картинке, API захвата экрана
• Приложение закладок - DOM, localStorage
• NASA APOD - fetch, async/ await, API-интерфейс NASA, DOM, localStorage
• Анимированная навигация - CSS-анимация
• Бесконечная прокрутка - fetch, async / await, Unsplash API, DOM, прослушиватель событий прокрутки
• Приложение обратного отсчета - Data, localStorage
• Музыкальный проигрыватель - HTML 5 Audio API
• Калькулятор - математические методы
• Splash Page - Основы DOM
• Режим Light / Dark - DOM, localStorage
• Проверка формы - DOM, формы
• Joke Teller - Fetch, Async / Await, Joke API, преобразование текста в речь
• Видеоплеер - HTML 5 Video API
• MS Paint Clone - HTML Canvas, localStorage
• Pong Clone - HTML Canvas
• Математическая игра по спринту - SetInterval, DOM, Array методы, localStorage
• Анимированный шаблон - Template, AOS.js
• Drag and Drop - API Drag and Drop, localStorage

Мы будем использовать современные функции ES6, ES7, ES8, ES9, ES10 для освоения JavaScript! Вдобавок ко всему, мы также рассмотрим общие практики UI / UX, чтобы убедиться, что у нас есть хороший дизайн и наши проекты являются мобильными.

Курс не предназначен для того, чтобы заставить вас просто писать код без понимания принципов, чтобы, когда вы закончили с курсом, вы не знали, что делать, кроме как посмотреть другое руководство. Нет! Этот курс подтолкнет вас и заставит вас перейти от абсолютного новичка в JavaScript к кому-то, кто способен создавать проекты самостоятельно.

Когда лучше всего начинать? Это сегодня!