Инструменты: Консоль разработчика в браузере (F12)

JavaScript. Подробное руководство, 6-е издание (2012)

2.08M

Categories:

internet

programming

JavaScript в веб-разработке

1.

«JavaScript в веб-разработке»
vk.com/js.courses
js.courses.dp.ua/files

Что и зачем будем учить?
Базовый JavaScript. Основы программирования.
Базовые
концепции.
Javascript
как
язык
программирования.
Клиентский JavaScript. JavaScript
в браузере.
Инфраструктура
браузера.
Объектная
модель
документа (DOM), событийная модель, AJAX и др.
Технологии на базе JavaScript. JavaScript библиотеки и
фреймворки (jQuery, AngularJS). JavaScript на стороне
сервера/back-end (Node.js).
2

3.

Акценты
• Что является базовым;
• Понять суть и принципы.
3

4.

Кто проводит курсы?
Анатолий Кигель
10 лет в сфере веб-разработки.
7 лет опыта преподавательской деятельности в НГУ.
Технический консультант дизайн-студии «Свой стиль».
[email protected]
vk.com/anatoliy_kigel
4

5.

Зачем нужен JavaScript?
Чтобы «оживить» web-страницы, повысить
интерактивность сайта.
5

6.

HTML статичен
Что неудивительно,
ведь HTML не является языком программирования.
Типичный сценарий работы с сайтом без JavaScript: любое действие
требует перехода на другой URL и/или полной перезагрузки страницы.
6

7. Задачи JavaScript

Реагирование на действия пользователя
Модификация HTML-страницы
Всё что изменяется на странице без
перезагрузки страницы это JavaScript
7

8. HTML

HTML (от англ. HyperText Markup Language — «язык
гипертекстовой разметки»)
— стандартный язык
разметки документов во Всемирной паутине.
HTML – контейнер для информации. Структурирует
информацию, определяет то как информация будет
представлена в браузере посетителя.
Данные + Метаданные
<title> Page title </title>
8

14. HTML + CSS + JavaScript

Безальтернативная тройка технологий front-end.
14

15. Инструменты: Браузер Chrome

16. Инструменты: Консоль разработчика в браузере (F12)

21. Инструменты: Notepad++

22. Инструменты: служебные функции

console.log(…);
alert(…);
22

23. Инструменты: служебные функции

prompt(…);
23

24. Инструменты: служебные функции

confirm(…);
24

25. Инструменты: «допустимый» синтаксис

26. JavaScript. Подробное руководство, 6-е издание (2012)

JavaScript. Подробное руководство,
6-е издание (2012)
26

27. JavaScript для чайников

JavaScript для чайников
27

28. JavaScript.RU

http://learn.javascript.ru/
28

29. w3schools JavaScript Tutoria

w3schools JavaScript Tutoria
http://www.w3schools.com/js/
29

English Русский Rules