ЈаваСцрипт онлајн курс. Професионални развој веб интерфејса - бесплатан курс ХТМЛ академије, обука 9 недеља, датум 15.10.2023.
мисцеланеа / / December 04, 2023
Зашто је курс професионалан?
На овом курсу ћете научити како да направите праве пројекте, истог нивоа сложености као у индустрији. И урадићете их исправно, тако да ћете након обуке произвести резултате високог нивоа за које су компаније спремне да плате.
Шта очекивати током тренинга
Живи
Преноси уживо у којима наставници анализирају сложена питања из теорије и праксе. Одржавају се од 19 до 21 по московском времену, регистрација је доступна следећег дана.
Вежбајте
Након предавања радите домаћи задатак у којем радите на свом пројекту и појачавате материјал курса.
Код
Ментор ће проверити квалитет задатака и пренети своје искуство о томе како да се уради боље.
Одељак 1 Увод у ЈаваСцрипт
Хајде да погледамо како курс функционише, који алати ће вам требати и како да их подесите. Хајде да погледамо шта је ЈаваСцрипт језик, укључујући спецификацију ЕЦМАСцрипт и претраживач.
Како курс функционише? Организациона питања.
Шема рада на курсу.
Преглед пројеката.
Критеријуми квалитета.
ЈаваСцрипт језик
ЕЦМАСцрипт спецификација.
Шта претраживач даје ЈаваСцрипт-у?
Основе ЈаваСцрипта.
Основна синтакса: заграде, витичасте заграде, оператори, резервисане речи, коментари.
Основни градивни блокови су варијабле и функције.
Примитиве и сложени типови података.
Алати.
Уредници кода.
Линтерс.
Развојни сервер.
Одељак 2 Основне карактеристике ЈаваСцрипт-а
Почнимо да проучавамо основне конструкције ЈаваСцрипт-а, посебно функције. Хајде да погледамо нијансе декларисања променљивих. Хајде да се упознамо са алатима за програмере.
Променљиве.
Подручја видљивости.
Условне изјаве.
Тернарни оператор.
Вишеструки избор оператера.
Циклуси.
Цаст.
Функције.
Функције стрелица.
Подразумевани параметри функције.
рест-параметри.
Подизање варијабли и функција.
Увод у ДевТоолс (алатке за програмере).
Одељак 3 Објекти и низови
Секција без уживо
Упознат ћете се са сложеним типовима података: низовима и објектима. Научите да их креирате и управљате њима.
Сложени типови података.
Низови.
Методе основних низова.
Објекти.
Повратни позиви (функције повратног позива).
Одељак 4 Уграђени објекти и функције
Погледајмо објекте и функције које постоје у самом ЈаваСцрипт језику. Хајде да се дотакнемо контекста извршења овога. Хајде да покренемо и отклонимо грешке у коду у конзоли алатки за програмере.
Деструктурирање.
шири синтаксу.
Уграђени објекти и њихове методе.
Низ.
Број.
Боолеан.
Датум.
Матх.
Оператер нов.
ЈаваСцрипт уграђене функције.
Контекст функције.
Кључна реч је ово.
Губитак животне средине.
ДевТоолс. Коришћење конзоле.
Организација кода одељка 5
Хајде да погледамо концепт опсега. Хајде да разговарамо о ДРИ принципу (не понављајте се) и како да га користите да напишете мање кода, а да ипак урадите више. Хајде да научимо шта су модули и како да „разбијемо“ код на њима; Шта је улазна тачка?
Подручја видљивости.
Глобални опсег прозора.
Затварања
Модуларност.
Поновна употреба кода, ДРИ принцип.
Концепт модула.
Тачка уласка.
ЕЦМАСцрипт модули, синтакса за увоз и извоз.
ДевТоолс: отклањање грешака кода помоћу извора.
Одељак 6 ДОМ и догађаји
Секција без уживо
Упознат ћете се са моделом објекта документа. Модел објекта документа или ДОМ). Размислите како да опишете реакције на радње корисника: унос текста, клик на одређене елементе, скроловање итд.
ДОМ дрво.
документ је корен свега.
ДОМ структура стабла.
Потражите елементе на страници.
Управљање атрибутима елемента.
Шаблони и подаци.
Догађаји на страници.
Обрађивачи догађаја.
Одељак 7 ДОМ манипулација
Хајде да покушамо да креирамо, избришемо, преместимо и манипулишемо ДОМ елементима. Користећи шаблоне, нацртаћемо раније креиране податке.
Управљање ДОМ стаблом.
Управљање атрибутима ДОМ елемента.
Покретни елементи у ДОМ стаблу.
Приступи креирању ДОМ елемената.
Креирање ДОМ објеката.
Управљање означавањем: додај, додај испред, инсертАдјацентХТМЛ, иннерХТМЛ, тектЦонтент.
Темплатинг.
Предложак стрингова (стрингови шаблона).
Посебна ознака .
Одељак 8 Рад са догађајима
Руковаћемо интеракцијом корисника тако да страница реагује на унос текста у форме, кликове на одређене елементе, скроловање итд. Хајде да погледамо како да ову интеракцију учинимо доступном.
Догађаји.
Објекат догађаја, управљање догађајима: превентДефаулт и стопПропагатион.
Фазе догађаја и делегирање.
Догађаји на тастатури и приступачност.
Петља догађаја.
Валидација обрасца.
Пристине је библиотека за валидацију образаца.
Валидација коришћењем регуларних израза.
ДевТоолс: Могућности елемената (инспектора) за рад са ДОМ-ом и догађајима.
Одељак 9 Спољни АПИ-ји и библиотеке трећих страна
Хајде да погледамо како не „написати свој бицикл“, већ поново користити туђе искуство и код. Хајде да се упознамо са концептом софтверског интерфејса. Програмски интерфејс апликације или АПИ), размотрите АПИ ЈаваСцрипт библиотека трећих страна и ЈаваСцрипт АПИ сервиса мапа. Хајде да брзо погледамо АПИ-је које претраживач пружа програмерима.
Концепт АПИ-ја.
Услуге мапирања и њихов ЈаваСцрипт АПИ.
ОпенСтреетМап.
Леафлет.
Библиотеке трећих страна.
Зашто су библиотеке потребне?
Како се повезати са пројектом.
ноУиСлидер.
Преглед АПИ-ја претраживача.
Одељак 10 Мрежа
Секција без уживо
Сами ћете погледати ХТТП протокол и ЈСОН формат података. Размотрите како се интеракција корисника са сајтом мења када се користи мрежа и шта може да крене по злу.
ХТТП протокол и формати података.
ЈСОН.
Изузетак руковање.
покушај да ухватиш.
Алати за рад са мрежним захтевима.
Одељак 11 Асинхронија. Умрежавање
Хајде да погледамо концепт асинхроније и како то постићи коришћењем обећања. Обећај, обећај). Хајде да се упознамо са технологијама које вам омогућавају да шаљете захтеве серверу из претраживача. Хајде да погледамо како да поступамо са грешкама у пракси када радите са мрежом ако нешто крене наопако.
Асинцхрони.
сетТимеоут и сетИнтервал.
Обећај.
Рад са мрежом.
дохвати да контактираш сервер.
Руковање грешкама у захтевима.
ДевТоолс: рад са мрежним захтевима у мрежи.
Прва недеља одбране
Завршетак радова на пројекту и припрема за завршну одбрану.
Одељак 12 Повратне информације и оптимизација
Оптимизујемо рад са подацима и догађајима на нашој веб страници. Примењујемо јасне повратне информације о интерфејсу прилагођеном кориснику.
Напредан рад са низовима.
Сортирање.
Филтрација.
Оптимизације перформанси.
Испуштање оквира - пригушивање.
Уклањање одскока – одскока.
Филе АПИ.
УРЛ.цреатеОбјецтУРЛ().
ФилеРеадер.
Друга недеља одбране
Прва оцена пројекта од стране ментора рецензије према критеријумима квалитета.
Трећа недеља одбране
Унапређење пројекта на основу коментара ментора за рецензирање и подношење на другу процену.
Одељак 13 Финал
Хајде да резимирамо курс, а затим разговарамо о карактеристикама ЈаваСцрипт-а са којима ћете можда морати да се сусретнете на послу. Концепт наслеђеног кода и шта да се ради са њим, са кодом. Хајде да накратко погледамо напредне алатке за програмере фронт-енда да бисте разумели куда даље.
Специјални ЈаваСцрипт.
Строги режим 'користи строги'.
Опционе тачке и зарезе.
Легаци цоде.
јКуери.
вар и функционални обим.
КСМЛХттпРекуест.
Функције конструктора.
Прототипови.
Напредни алати.
Вебпацк.
Транспилери и полифили.
Бабел.
Четврта недеља одбране
Израда завршних измена и добијање коначне оцене.
сасхасцрипт2022
26.07.2022 Г.
Сматрам курс ЈаваСцрипт. Професионални развој веб интерфејса је одличан почетак учења ЈаваСцрипт-а.
Предности: Тренутни материјал, ништа сувишно, без воде + горе наведене предности. Недостаци: У почетку ми је било веома тешко, пошто учим језик од нуле) Похађао сам овај курс од 15. фебруара до 18. априла 2022. И стекао солидно основно знање о ЈаваСцрипт-у. Али то није све што сам урадио на курсу. Такође сам научио основе ХТМЛ-а, ЦСС-а, основе рада са Гит-ом и Гитхуб-ом и још много тога...
Семен Бушманов
27.05.2022 Г.
Добри курсеви!
Предности: Даје резултате ученику, јасно структуриран, добро осмишљен, добра презентација градива. Недостаци: Нема, али вреди напоменути да програмирање генерално захтева доста времена. Завршио курс "Јавасцрипт". Професионални развој веб интерфејса“. Предиван курс! Напредак у програмирању након курса је очигледан. Заиста треба да посветите много времена учењу...
Семен Бушманов
27.05.2022 Г.
Добри курсеви!
Предности: Даје резултате ученику, јасно структуриран, добро осмишљен, добра презентација градива. Недостаци: Нема, али вреди напоменути да програмирање генерално захтева доста времена. Завршио курс "Јавасцрипт". Професионални развој веб интерфејса“. Предиван курс! Напредак у програмирању након курса је очигледан. Заиста треба да посветите много времена учењу...