Download as PDF, PPTX
Uploaded byОлег Вілігурський
Coding for Future in Lutsk. JavaScript. Part 1
Вступ. Консоль розробника. Редактори коду.
Coding for Future in Lutsk. JavaScript. Part 1
- 1. Вступ до JavaScript іоточення для розробки на JavaScript
- 2. • Що такеJavaScript? • Що вміє JavaScript? • Що НЕ вміє JavaScript?
- 3. Основні переваги JavaScript •Повна інтеграція з HTML/CSS. • Прості задачі виконуються просто. • Підтримується усіма поширеними браузерами і по замовчуванню ввімкнений.
- 4. Основні альтернативи • Java •Adobe Flash (ActionScript)
- 5. Довідники і специфікації •Mozilla Developer Network (MDN) – частково українізований • MSDN – частково українізований • htmlbook.ru – довідник по HTML і CSS • www.w3schools.com/js/
- 6. Редактори для коду Вимогидо редакторів: – Підсвітка синтаксису. – Автодоповнення. – «Фолдинг» (folding) – можливість сховати- розкрити блок коду. IDE: WebStorm, PHPStorm, Aptana Легкі редактори: Sublime Text (shareware), Notepad ++, SciTe, Atom
- 7. Консоль розробника • Виклик– клавіша F12 • Запуск сценаріїв: – Ctrl+Enter (Firefox) – Enter (Chrome), Shift+Enter для переходу на новий рядок
- 8. Основи мови JavaScript ТегSCRIPT <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>Початок документа</p> <script> alert("Привіт, Світе!"); </script> <p>Кінець документа</p> </body> </html>
- 9. Задача 1 Створіть кодсторінки, яка виводить повідомленя “Я вивчаю JavaScript!”, збережіть її на диску, відкрийте у браузері.
- 10. Розв’язок <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Задача1</title> </head> <body> <script> alert( 'Я вивчаю JavaScript!' ); </script> </body> </html>
- 11. Додаткові завдання: • Створітьдодаткову команду alert у цьому самому скрипті • Створіть нову команду alert в окремому тезі <script>