Изглед и израда веб сајтова. Напредни ниво Веб Девелоп - курс 1990 руб. из Степика, обука 131 час, Датум: 01.12.2023.
мисцеланеа / / December 04, 2023
Здраво!
Моје име је Дима. И позивам вас да уроните у саме дубине креирања и изгледа веб странице!
Овај курс је за оне који већ знају основе, али желе да пређу са доброг нивоа креирања веб странице на одличан.
Курс је за оне који познају основе ХТМЛ-а и ЦСС-а, али знају да још увек постоји много техника, развојних техника и технологија које користе прави професионални програмери.
Ако ово звучи познато, онда је овај курс за вас)
Оживите своје веб странице модерним анимацијама путем ЦСС-а
Почећемо од увођења динамике у наше сајтове, односно радићемо анимацију. Научићемо како да анимирамо дугмад, текстове и наслове користећи чисти ЦСС, научићемо како да креирамо анимације картица, креирамо динамички мени за навигацију и све то без иједног реда ЈС кода, само чисти ЦСС.
Овај курс садржи најбоље праксе у респонзивном дизајну.
Научићете нове начине и трикове да дизајнирате своје сајтове са одговором, користите нове технике за дефинисање и писање медијских упита и научићете како да прилагодите све елементе странице тако што ћете променити само једно ЦСС својство тако да ваш сајт изгледа боље него икада на било ком мобилном уређају уређај
Научите све замршености и предности модерних претпроцесора
Научићете како да неколико пута убрзате креирање своје веб странице користећи све могућности САСС претпроцесора, као што су миксини, варијабле и функције.
Основне основе за коришћење НПМ-а
Такође, НПМ пакети са додацима неопходним за сваког професионалног програмера даће нам прилику да креирамо и оптимизујемо веб странице брже и ефикасније него икада раније.
Гит систем контроле верзија ће вам помоћи у вашем развоју
Поред тога, научићете неопходне основе за рад са системом контроле верзија гит-а тако да увек имате могућност да се вратите на исправну верзију вашег сајта, без обзира колико сте забрљали последњи пут ажурирајте сајт)
Правите 2 модерна веб-сајта за свој портфолио
Овај курс је изграђен на пракси и подељен је на мале видео лекције у којима ћемо корак по корак креирати 2 велика модерна пројекта заснована на на флоат систему – тако да можете подржати старе пројекте и наравно на ГРИД ЦСС систему, који вам омогућава да креирате распореде невероватне сложености.
И наравно, нећете се стидети да покажете ове пројекте својим потенцијалним купцима или будућим послодавцима.
Увек сам у контакту!
И будите сигурни, нећете остати сами, јер ћете након сваке мале лекције имати прилику да упоредите свој код са мојим или једноставно поставите питање; одговори обично не стигну дуго.
Гаранција поврата новца!
А ако и даље сумњате, овај курс вам пружа могућност да вратите новац потрошен на њега ако вам се не свиђа у року од 30 дана.
Придружите ми се и заједно ћемо научити како да креирамо професионалне, модерне веб странице.
Видимо се у класи!
9
курсевиПравим оригиналне онлајн курсеве од 2016. године. Професионално предајем рад са Адобе графичким уређивачима, подучавам дизајн и веб развој.
Здраво! Моје име је Дима! Не желим да се хвалим, али морам) Предавао сам више од 5.000 студената широм света на својим власничким онлајн курсевима. Преко 2000 стварних рецензија са просечном оценом 4,83 од 5,00! Предајем веб дизајн, веб развој и потребан софтвер (Пхотосхоп Иллустратор, Фигма). Моје искуство у подучавању се састоји од 5 година слободног подучавања, као и предавања кроз онлајн школе и курсеве, на глобалним платформама за учење на даљину. Студенти мојих курсева примећују моје најбоље квалитете у начину на који материјал презентујем без набијања, на забаван и занимљив начин.
Припрема / Понављање / Прве анимације
1. Здраво!) Преузмите материјале за курс
2. Инсталирајте и конфигуришите потребан софтвер
3. Ново својство цлип-патх. Почињемо да креирамо први део сајта
4. Ако извиђачка апликација не ради за вас
5. Вежбање: Креирајте свој облик користећи Цлип-патх
6. Вертикално поравнање елемената коришћењем апсолутног позиционирања
7. Упознајте @КеиФрамес. Хајде да направимо прву анимацију.
8. Бацкфаце-видљивост и креирање дугмади кроз псеудо-класе
9. Анимирање дугмета помоћу псеудоелемената
10. Аниматион-филл-моде. Покретање анимације од одређене тачке.
11. 3 принципа веб развоја
12. Користите РЕМ уместо ПКС
Гит и ГитХуб
1. О чему се ради у овом блоку?
2. Основне команде у терминалу
3. Како уређивати датотеке преко терминала
4. Инсталирајте гит систем на наш рачунар
5. Како покренути гит у одређеном пројекту
6. Креирање првог урезивања
7. Слање пројекта на ГитХуб
8. Ако имате грешку приликом слања пројекта на ГитХуб
9. Грешка при пријављивању када покушавате да гурнете пројекат на ГитХуб
10. Вежбање: Направите сопствено спремиште
11. Како избрисати ГитХуб спремиште
12. Како преузети спремишта са ГитХуб-а
13. Ми емулирамо рад 2 програмера на једном спремишту
14. Како приказати информације о урезивању у терминалу. Гит лог
15. Шта су гране
16. Како креирати гране и кретати се њима.
17. Празнину од почетка мини курса затварамо нотацијама -у и -М
18. Несачувана грешка урезивања током плаћања
19. Како гурнути направљене промене у нову грану
20. Како гурнути више урезивања у нову грану
21. Какво је стање одвојене главе? Детацхед ХЕАД
22. Како да вратите одређену датотеку из претходног урезивања
23. Напредни гит дневник и гит схов
24. Како спојити гране користећи Гит мерге. Метода премотавања унапред
25. Како избрисати гране
26. Како уклонити датотеке директоријума из стања без праћења
27. Гит ресет --хард. Како тешко вратити урезивање
28. Други начин да пронађете заглављено урезивање помоћу ОРИГ_ХЕАД
29. Гит ресет --софт
30. Гит урезивање --аменд мењајући коментар претходног урезивања
31. Гит ресет --помешано
32. Разлика између гит ресетовања и гит рестаурације
33. Увод у гит дифф. Штампање разлике од неколико урезивања на конзолу
34. Практични пример коришћења гит дифф-а
35. Како приказати дијаграм гранања у терминалу. Гит дневник --граф
36. Ми спајамо гране користећи гит мерге. Метода "Права фузија"
37. Како се вратити након спајања
38. Како копирати одређено урезивање користећи гит цхерри-пицк
39. Спајање грана са гит ребасе
40. Шта је боље гит ребасе или гит мерге
41. Како користити датотеку .гитигноре
42. Завршна реч
Напредни изглед - ЦСС/САСС
1. О чему се ради у овом блоку?
2. Како функционишу САСС варијабле
3. Како функционишу миксини
4. Како додати аргументе у миксине
5. Шта су САСС шаблони
6. Како функционишу САСС функције
7. Организовање САСС датотека за велики пројекат
8. 3 начина позиционирања елемената
9. Како плутају?
10. Стварање сопственог мрежног система
11. Примена градијента на текст. Бацкгроуд-цлип
12. Како креирати симболе користећи ХТМЛ
13. Анимирање и завршетак другог дела
14. Како да креирате сопствене фонтове за иконе
15. Користимо својство перспективе да одражавамо перспективу елемената
16. Како функционише режим мешања у ЦСС-у
17. Завршавање дела са картицама
18. Како заокружити текст користећи својство схапе-оутсиде
19. Како функционишу ЦСС филтери
20. Како додати видео на страницу
21. Упознавање са ознаком форме и њеним садржајем
22. Анимирање форме
23. Прављење сопственог радио дугмета користећи ЦСС
24. Креирање подножја веб странице
25. Креирање навигационог менија користећи чисти ЦСС део-1
26. Подешавање прелаза брзине анимације помоћу цубиц-безиер-а
27. Анимирање хамбургера
Адаптивни дизајн
1. О чему се ради у овом блоку?
2. Како направити респонзивне веб странице
3. Прављење мешавине са медијским правилима
4. Адаптација пројекта 1. део
5. Адаптација пројекта 2. део
6. Адаптација пројекта део 3
7. Шта су респонсиве слике
8. Како прилагодити слике у ХТМЛ-у
9. Хајде да прилагодимо ХТМЛ слике у нашем пројекту
10. Адаптација ЦСС слика
11. Неколико завршних измена сајта
Менаџер пакета чворова
1. О чему се ради у овом блоку?
2. Шта је ноде.јс и нпм
3. Припрема првог нпм пакета за употребу
4. Покретање првог нпм пакета
5. Коришћење гулп-а у нашем пројекту
6. Како отворити веб страницу на мобилном телефону
Увод у ЦСС ГРИД
1. О чему се ради у овом блоку?
2. Припрема
3. Како направити шаблон мреже. Шаблон мреже
4. Како функционишу фр јединице
5. Како преместити елемент у другу ћелију
6. Постављање више ставки у једну ћелију
7. Вежбање: Направите изглед веб странице
8. Пример наставника. Направите изглед
9. Како преименовати сваку линију у мрежи
10. Како да направите шаблон мреже користећи шему именовања
11. Шта су експлицитне и имплицитне мреже?
12. Како поравнати елементе унутар ћелија
13. Како поравнати мрежу унутар контејнера
14. Мин-Мак садржај
15. Ауто-филл и Ауто-фит. Величине ћелија на основу садржаја
16. Закључак. Грид гарден
ГРИД ЦСС пројекат
1. О чему се ради у овом блоку?
2. Припрема
3. Направите шаблон решетке 1. део
4. Направите шаблон мреже 2. део
5. Како функционишу СВГ спријтови
6. Завршавамо други део сајта
7. Креирање одељка „Банер“, први део
8. Креирање одељка "Банер", 2. део
9. Прављење одељка са картицама
10. Креирање галерије
11. Креирање подножја
12. Прављење "хамбургера"
13. Прављење заглавља 1
14. Прављење заглавља 2
15. Ми прилагођавамо сајт
Видимо се опет!
1. Збогом!
Узмите сертификат
1. Тест за добијање сертификата о завршеном курсу