JavaScript онлайн курс. Професионално развитие на уеб интерфейси - безплатен курс от HTML Academy, обучение 9 седмици, дата 15 октомври 2023 г.
разни / / December 04, 2023
Защо курсът е професионален?
В този курс ще научите как да правите реални проекти със същото ниво на сложност като в индустрията. И ще ги правите правилно, така че след обучение да постигнете резултати на високо ниво, за които компаниите са готови да платят.
Какво да очаквате по време на обучението
живее
Предавания на живо, в които учителите анализират сложни въпроси от теорията и практиката. Те се провеждат от 19 до 21 московско време, регистрацията е налична на следващия ден.
Практикувайте
След лекцията правите домашна работа, в която работите върху вашия проект и затвърждавате учебния материал.
Преглед на кода
Менторът ще проверява качеството на задачите и ще споделя своя опит как да се справите по-добре.
Раздел 1 Въведение в JavaScript
Нека да разгледаме как работи курсът, какви инструменти ще са ви необходими и как да ги настроите. Нека да разгледаме какво представлява езикът на JavaScript, включително спецификацията на ECMAScript и браузъра.
Как протича курсът? Организационни въпроси.
Схема на работа по курса.
Преглед на проекти.
Критерии за качество.
JavaScript език
Спецификация на ECMAScript.
Какво дава браузърът на JavaScript?
Основи на JavaScript.
Основен синтаксис: скоби, фигурни скоби, оператори, запазени думи, коментари.
Основните градивни елементи са променливи и функции.
Примитивни и сложни типове данни.
Инструменти.
Редактори на кодове.
Линтери.
Сървър за разработка.
Раздел 2 Основни функции на JavaScript
Нека започнем да изучаваме основните конструкции на JavaScript, особено функциите. Нека да разгледаме нюансите на декларирането на променливи. Нека се запознаем с инструментите за разработчици.
Променливи.
Зони за видимост.
Условни твърдения.
Тернарен оператор.
Превключване на оператор с множество възможности за избор.
Цикли.
Актьорски състав.
Функции.
Функции на стрелките.
Функционални параметри по подразбиране.
почивка-параметри.
Повдигане на променливи и функции.
Въведение в DevTools (инструменти за разработчици).
Раздел 3 Обекти и масиви
Секция без живо
Ще се запознаете със сложни типове данни: масиви и обекти. Научете се да ги създавате и управлявате.
Сложни типове данни.
Масиви.
Основни методи за масиви.
Обекти.
Обратни повиквания (функции за обратно повикване).
Раздел 4 Вградени обекти и функции
Нека да разгледаме обектите и функциите, които съществуват в самия език JavaScript. Нека се докоснем до контекста на изпълнението на това. Нека стартираме и отстраним кода в конзолата с инструменти за програмисти.
Деструктуриране.
разпространен синтаксис.
Вградени обекти и техните методи.
низ.
Номер.
Булева стойност.
Дата.
математика
Оператор нов.
JavaScript вградени функции.
Контекст на функцията.
Ключовата дума е това.
Загуба на среда.
DevTools. Използване на конзолата.
Раздел 5 Организация на кода
Нека да разгледаме концепцията за обхвати. Нека обсъдим принципа DRY (не се повтаряйте) и как да го използвате, за да пишете по-малко код и все пак да свършите повече. Нека научим какво представляват модулите и как да „разбиваме“ кода върху тях; Какво е входна точка?
Зони за видимост.
Глобален обхват на прозореца.
Затваряния
Модулност.
Повторно използване на кода, принцип DRY.
Концепцията за модул.
Входна точка.
ECMAScript модули, синтаксис за импортиране и експортиране.
DevTools: код за отстраняване на грешки с помощта на източници.
Раздел 6 DOM и събития
Секция без живо
Ще се запознаете с обектния модел на документа. Обектен модел на документ или DOM). Помислете как да опишете реакциите на потребителските действия: въвеждане на текст, щракване върху определени елементи, превъртане и т.н.
DOM дърво.
документът е в основата на всичко.
DOM дървовидна структура.
Търсене на елементи на страница.
Управление на атрибутите на елемента.
Шаблони и данни.
Събития на страницата.
Обработчици на събития.
Раздел 7 Манипулиране на DOM
Нека се опитаме да създаваме, изтриваме, преместваме и манипулираме DOM елементи. С помощта на шаблони ще начертаем данните, създадени по-рано.
Управление на DOM дърво.
Управление на атрибути на DOM елемент.
Преместване на елементи в DOM дървото.
Подходи за създаване на DOM елементи.
Създаване на DOM обекти.
Управление на маркиране: добавяне, поставяне в началото, вмъкване на AdjacentHTML, innerHTML, textContent.
Шаблониране.
Шаблонни низове (шаблонни низове).
Специален етикет .
Раздел 8 Работа със събития
Ние ще управляваме взаимодействието на потребителя, така че страницата да реагира на въвеждане на текст във формуляри, щракване върху определени елементи, превъртане и т.н. Нека да разгледаме как да направим това взаимодействие достъпно.
събития.
Обект на събитие, управление на събития: preventDefault и stopPropagation.
Фази на събитието и делегиране.
Клавиатурни събития и достъпност.
Цикъл на събитията.
Валидиране на формуляр.
Pristine е библиотека за валидиране на формуляри.
Валидиране с помощта на регулярни изрази.
DevTools: Елементи (инспектор) възможности за работа с DOM и събития.
Раздел 9 Външни API и библиотеки на трети страни
Нека да разгледаме как да не „напишете свой собствен велосипед“, а да използвате повторно опита и кода на някой друг. Нека се запознаем с понятието софтуерен интерфейс. Интерфейс за програмиране на приложения или API), помислете за API на JavaScript библиотеки на трети страни и JavaScript API на картографски услуги. Нека да разгледаме набързо API-тата, които браузърът предоставя на разработчиците.
Концепция за API.
Картографски услуги и техния JavaScript API.
OpenStreetMap.
Брошура.
Библиотеки на трети страни.
Защо са необходими библиотеки?
Как да се свържете с проект.
noUiSlider.
Общ преглед на API на браузъра.
Раздел 10 Мрежа
Секция без живо
Ще разгледате HTTP протокола и формата на данните JSON сами. Помислете как взаимодействието на потребителя със сайта се променя при използване на мрежата и какво може да се обърка.
HTTP протокол и формати на данни.
JSON.
Обработка на изключения.
опитай да хванеш.
Инструменти за работа с мрежови заявки.
Раздел 11 Асинхронност. Работа в мрежа
Нека да разгледаме концепцията за асинхронност и как да я постигнем с помощта на обещания. Обещавам, обещавам). Нека се запознаем с технологиите, които ви позволяват да правите заявки към сървъра от браузър. Нека да разгледаме как да се справяме с грешките на практика при работа с мрежата, ако нещо се обърка.
Асинхронност.
setTimeout и setInterval.
обещание.
Работа с мрежата.
извличане за връзка със сървъра.
Обработка на грешки в заявките.
DevTools: работа с мрежови заявки в мрежата.
Първа седмица на защита
Завършване на работата по проекта и подготовка за финална защита.
Раздел 12 Обратна връзка и оптимизация
Ние оптимизираме работата с данни и събития на нашия уебсайт. Внедряваме ясна и удобна за потребителя обратна връзка.
Разширена работа с масиви.
Сортиране.
Филтриране.
Оптимизации на производителността.
Изпускане на кадри - дроселиране.
Елиминиране на отскок - debounce.
API за файлове.
URL.createObjectURL().
FileReader.
Втора седмица на защита
Първата оценка на проекта от рецензиращия ментор според критериите за качество.
Трета седмица от защитата
Подобряване на проекта въз основа на коментарите на рецензиращия ментор и изпращането му за повторна оценка.
Раздел 13 Окончателен
Нека да обобщим курса и след това да обсъдим функциите на JavaScript, с които може да се наложи да се сблъскате на работа. Концепцията за наследения код и какво да правим с него, с кода. Нека да разгледаме набързо разширените инструменти за разработчици от предния край, за да можете да разберете накъде да продължите.
Специален JavaScript.
Строг режим „използване на строг“.
Точка и запетая по избор.
Наследен код.
jQuery.
var и функционален обхват.
XMLHttpRequest.
Конструктор функции.
Прототипи.
Разширени инструменти.
Webpack.
Транспилатори и полифили.
Бабел.
Четвърта седмица от защитата
Извършване на окончателни редакции и получаване на окончателна оценка.
sashascript2022
26.07.2022 Ж.
Обмислям курса по JavaScript. Професионалното разработване на уеб интерфейс е чудесно начало за изучаване на JavaScript.
Предимства: Текущ материал, нищо излишно, без вода + горните предимства. Недостатъци: В началото ми беше много трудно, тъй като уча езика от нулата) Взех този курс от 15 февруари до 18 април 2022 г. И придоби солидни основни познания по JavaScript. Но това не е всичко, което направих на курса. Научих също основите на HTML, CSS, основите на работа с Git и Github и много други...
Семен Бушманов
27.05.2022 Ж.
Добри курсове!
Предимства: Дава резултати на ученика, ясно структуриран, добре обмислен, добро представяне на материала. Недостатъци: Няма, но си струва да се отбележи, че програмирането като цяло изисква доста време. Завършен курс "Javascript". Професионална разработка на уеб интерфейси." Прекрасен курс! Напредъкът в програмирането след курса е очевиден. Наистина трябва да отделите много време за учене...
Семен Бушманов
27.05.2022 Ж.
Добри курсове!
Предимства: Дава резултати на ученика, ясно структуриран, добре обмислен, добро представяне на материала. Недостатъци: Няма, но си струва да се отбележи, че програмирането като цяло изисква доста време. Завършен курс "Javascript". Професионална разработка на уеб интерфейси." Прекрасен курс! Напредъкът в програмирането след курса е очевиден. Наистина трябва да отделите много време за учене...