​

В ходе разработки будет изучено:
Знакомство с JavaScript. Как JS выполняется в браузере
Основы: переменные, ветвление, циклы, массивы, объект

Работа с DOM
Работаем с классами CSS
События и событийное программирование
Работа с формами, обработка данных
Работа с модальными окнами
Взаимодействие с Back-end. AJAX
Только ES6
Использование фреймворка materialize для верстки
Работа с cookies
Оптимизация кода

Спойлер: Содержание складчины (файлы и папки)

01 Знакомство с js
js_practics_01.avi [407m 372k 8]

app
index.html [317]
script.js [77]

02 Синтаксис js консоль
js_practics_lesson_02.mkv [278m 820k 808]
js_practics_lesson_02.mov [279m 209k 859]

app
index.html [344]
script.js [395]

03 Функции первая программа
js_practics_lesson_03.avi [359m 173k 896]

app
index.html [485]
script.js [607]
style.css [184]

04 Оператор сравнения if
js_practics_04.avi [395m 93k 346]

app
index.html [436]
script.js [1k 127]

05 dom. вывод на страницу
js_practics_05.avi [443m 283k 896]

app
index.html [785]
script.js [1k 355]
style1.css [53]
style2.css [75]

06 dom. получение_данных
js_practics_lesson_6.avi [324m 887k 236]

app
index.html [1k 477]
script.js [1k 91]
style.css [27]

07 Циклы массивы
js_practics_07.avi [201m 48k 386]

app
index.html [1k 173]
script.js [948]
style.css [27]

08 Бонус видео
js_practics_bonus_8_1.avi [179m 766k 554]

app
index.html [561]
script.js [687]
style.css [94]

08 Бонус табы
js_practics_bonus_8_tabs.avi [275m 380k 594]

app
index.html [2k 328]
script.js [835]
style.css [271]

08 События мыши
js_practics_08.avi [266m 106k 336]

app
index.html [674]
script.js [1k 101]
style.css [94]

09 События клавиатуры
js_practics_09.avi [169m 810k 434]

app
index.html [468]
script.js [1k 106]
style.css [134]

10 Работа с CSS
js_practics_10.avi [113m 911k 528]

app
index.html [398]
script.js [504]
style.css [205]

11 Бонус 01
bonus_11_1.avi [129m 507k 370]

app
index.html [793]

css
modal.css [1k 47]
style.css [197]

js
modal.js [1k 50]

11 Бонус 02
bonus_11_2.avi [77m 758k 38]

app
index.html [749]

css
modal.css [1k 47]
style.css [197]

js
modal.js [965]

11 Создаем модальное окно
js_practics_11.avi [583m 205k 504]

app
index.html [798]

css
modal.css [1k 47]
style.css [197]

js
modal.js [1k 306]

12 Слайдер форма правила
js_practics_12.avi [175m 637k 180]

app
index.html [2k 331]

css
modal.css [1k 47]
style.css [822]

js
modal.js [965]
rules_slider.js [278]

13 Обработка форм
js_practics_13.avi [326m 944k 848]

app
index.html [1k 135]

css
chips.css [233]
modal.css [1k 47]
style.css [822]

js
chips.js [1k 82]
form2.js [445]
modal.js [965]
rules_slider.js [278]
serialize.js [2k 495]

14 Бонус всплытие событий
js_practics_bonus_14_03.avi [256m 718k 342]

app
index.html [493]

css
style.css [113]

js
script.js [775]

14 Бонус еще раз о событиях
js_practics_bonus_14_02.avi [217m 220k 408]

app
index.html [494]

css
style.css [76]

js
script.js [432]

14 Бонус функции аргументы
js_practics_bonus_14.avi [223m 881k 68]

app
index.html [444]

css

js
script.js [998]

14 Всплывающие сообщения
js_practics_14.avi [428m 610k 806]

app
index.html [640]

css
chips.css [233]
modal.css [1k 47]
style.css [822]

js
chips.js [1k 82]
modal.js [965]
rules_slider.js [278]

15 GET POST
js_practics_15.avi [262m 279k 294]

app
back.php [25]
index.html [642]
style.css [0]

16 AJAX XML Http Request
js_practics_16.avi [231m 382k 274]

app
back.php [25]
index.html [546]
style.css [0]

js
ajax.js [747]

16 Бонус AJAX практика
js_practics_16_bonus.avi [130m 470k 18]

www
datetime.php [534]
index.html [456]

script
ajax.js [623]
script.js [401]

17 Подготовка окружения
cover.png [235k 267]
js_practics_17.avi [110m 920k 56]
user_cabinet.sql [1k 185]

app
index.html [1k 255]

core
config.php [97]
login.php [659]
signup.php [786]

18 Регистрация пользователя
cover.png [236k 745]
js_practics_18.avi [172m 15k 292]

app
index.html [1k 94]
index_test.html [1k 255]

core
config.php [97]
login.php [659]
signup.php [786]

script
ajax.js [623]
script.js [1k 148]

19 Логин пользователя
cover.png [232k 24]
js_practics_19.avi [66m 800k 558]

app
index.html [1k 361]
index_test.html [1k 255]

core
config.php [97]
login.php [659]
signup.php [786]

script
ajax.js [623]
script.js [1k 835]

20 Cookies кабинет
cover.png [234k 807]
js_practics_20.avi [227m 658k 208]

app
cabinet.php [557]
index.html [1k 361]
index_test.html [1k 255]

core
cabinet.php [649]
config.php [97]
login.php [659]
signup.php [786]

script
ajax.js [623]
logout.js [305]
script.js [2k 139]

21 Работа с данными в кабинете
cover.png [236k 782]
js_practics_21.avi [352m 488k 50]

app
cabinet.php [989]
index.html [1k 395]
index_test.html [1k 255]

core
cabinet.php [649]
config.php [97]
get_user_data.php [580]
login.php [659]
signup.php [786]
update_user_data.php [670]

script
ajax.js [623]
get_user_data.js [1k 560]
logout.js [305]
script.js [2k 144]

22 Подключение фреймворка
cover.png [237k 178]
js_practics_22.avi [435m 933k 276]

app
cabinet.php [3k 889]
favicon.png [16k 846]
index.html [1k 395]
index_test.html [1k 255]

core
cabinet.php [649]
config.php [97]
get_user_data.php [580]
login.php [659]
signup.php [786]
update_user_data.php [670]

css
materialize.css [179k 245]
materialize.min.css [141k 841]
style.css [47]

js
materialize.js [371k 26]
materialize.min.js [181k 114]

script
ajax.js [623]
get_user_data.js [1k 825]
logout.js [305]
script.js [2k 144]

23 Оформляем главную страницу
cover.png [237k 905]
js_practics_23.avi [868m 513k 806]

app
cabinet.php [3k 889]
favicon.png [16k 846]
index.html [8k 445]
index_test.html [1k 255]

core
cabinet.php [649]
config.php [97]
get_user_data.php [580]
login.php [659]
signup.php [786]
update_user_data.php [670]

css
materialize.css [179k 245]
materialize.min.css [141k 841]
style.css [1k 946]

js
materialize.js [371k 26]
materialize.min.js [181k 114]

script
ajax.js [623]
get_user_data.js [1k 825]
logout.js [305]
main.js [1k 978]
script.js [2k 235]

24 Основы nodejs
24_js_practics.mp4 [135m 432k 86]
cover.png [210k 92]

25 npm
cover.png [199k 453]
js_practics_25.mp4 [376m 441k 568]

app
index.html [0]
package.json [428]

distr
1.js [25]

js

src
1.js [10]

app2
index.html [0]
package.json [316]

js

26 babel
babel_info.docx [6k 458]
cover.png [202k 208]
js_practics_26.mp4 [100m 927k 715]

app
index.html [0]
package.json [315]

distr_js
1.js [67]

src_js
1.js [49]

27 uglify_js
cover.png [215k 388]
js_practics_27.mp4 [111m 988k 98]
uglify-js.docx [6k 390]

app
index.html [0]
package.json [444]

distr_css

distr_js

src_css

src_js
1.js [49]

28 uglifiy CSS
js_practics_28.mp4 [73m 971k 40]
uglify-css.docx [6k 375]

app
index.html [0]
package.json [571]

distr_css
style.min.css [81]

distr_js

src_css
style.css [114]

src_js
1.js [49]

temp
vetal_3_4_5_6_8_9.avi [44m 738k 614]

Домашние задания

06

Lareta-lesson_6
index.html [3k 41]
main.css [1k 545]
main.js [2k 562]

07

dz
index.html [3k 926]
main.css [141]
script.js [8k 294]

Lareta-lesson_7
index.html [20k 201]
main.css [3k 701]
main.js [19k 685]

08

mouseEvent
close.png [1k 991]
index.html [938]
main.css [514]
open.png [4k 356]
style.js [1k 377]

09

Keyboard Event
index.html [601]
js.js [2k 33]
style.css [379]

10

lesson10
index.html [1k 783]
script.js [362]
style.css [884]

меняем_цвет_фона_блоков
dz_background.mp4 [101m 333k 194]

app
index.html [454]
script.js [805]
style.css [99]

Доп live search

__MACOSX

elastic_search
._index.html [176]

elastic_search
elastic.js [985]
index.html [1k 310]
style.css [183]

Доп бонус число над слайдером
js_number_range.mp4 [175m 515k 411]

app
index.html [1k 989]
js.js [256]
style.css [3k 789]

Панда тетрис

1_panda_tetris_html
favicon.png [11k 329]
index.html [1k 606]

cover
cover.png [400k 261]
cover.psd [1m 963k 939]

css
panda.css [1k 956]

images
back_field.png [27k 585]
bamboo.jpg [2m 366k 598]
button_bg.png [5k 184]
html.PNG [257k 728]
js.PNG [208k 810]
php.PNG [380k 387]
Xen Big Panda 4242x3129.png [1m 464k 265]

Новая папка

img_src
back.psd [1m 59k 569]

js
panda.js [0]

2_panda_tetris_js

panda_tetris
favicon.png [11k 329]
index.html [1k 606]

cover
cover.png [398k 877]
cover.psd [1m 954k 369]

css
panda.css [2k 798]

images
back_field.png [27k 585]
bamboo.jpg [2m 366k 598]
button_bg.png [5k 184]
html.PNG [257k 728]
js.PNG [208k 810]
php.PNG [380k 387]
Xen Big Panda 4242x3129.png [1m 464k 265]

Новая папка

img_src
back.psd [1m 59k 569]

js
panda.js [3k 196]

3_panda_tetris_js_2

panda_tetris
favicon.png [11k 329]
index.html [1k 606]

cover
cover.png [398k 877]
cover.psd [1m 954k 369]

css
panda.css [2k 798]

images
back_field.png [27k 585]
bamboo.jpg [2m 366k 598]
button_bg.png [5k 184]
html.PNG [257k 728]
js.PNG [208k 810]
php.PNG [380k 387]
Xen Big Panda 4242x3129.png [1m 464k 265]

Новая папка

img_src
back.psd [1m 59k 569]

js
panda.js [6k 641]

4_panda_tetris_php

panda_tetris_js_2

panda_tetris
favicon.png [11k 329]
index.html [1k 606]

cover
cover.png [398k 776]
cover.psd [1m 951k 397]

css
panda.css [2k 798]

images
back_field.png [27k 585]
bamboo.jpg [2m 366k 598]
button_bg.png [5k 184]
html.PNG [257k 728]
js.PNG [208k 810]
php.PNG [380k 387]
Xen Big Panda 4242x3129.png [1m 464k 265]

Новая папка

img_src
back.psd [1m 59k 569]

js
panda.js [6k 641]

5_panda_tetris_hosting
config.php [117]
favicon.png [11k 329]
function.php [121]
index.php [2k 159]
send.php [1k 896]
show_result.php [544]

cover
cover.pcx [1m 16k 119]
cover.png [397k 313]
cover.psd [1m 941k 63]

css
panda.css [3k 821]

images
back_field.png [27k 585]
bamboo.jpg [2m 366k 598]
button_bg.png [5k 184]
html.PNG [257k 728]
js.PNG [208k 810]
php.PNG [380k 387]
Xen Big Panda 4242x3129.png [1m 464k 265]

Новая папка

img_src
back.psd [1m 59k 569]

js
panda.js [8k 163]