Coding for Future in Lutsk. JavaScript. Part 1
•
0 likes•149 views
Вступ. Консоль розробника. Редактори коду.
Recommended
More Related Content
Similar to Coding for Future in Lutsk. JavaScript. Part 1
Similar to Coding for Future in Lutsk. JavaScript. Part 1 (20)
More from Олег Вілігурський
More from Олег Вілігурський (20)
Recently uploaded
Recently uploaded (14)
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>