Практика 2 курс Лещенко Артем ВТ 21 1

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ДЕРЖАВНИЙ УНІВЕРСИТЕТ «ЖИТОМИРСЬКА ПОЛІТЕХНІКА»

ФАКУЛЬТЕТ ІНФОРМАЦІЙНО-КОМП’ЮТЕРНИХ ТЕХНОЛОГІЙ
Кафедра інженерії програмного забеспечення
Звіт
з технологічної практики
студента ІІ курсу групи ВТ-21-1

спеціальності 121 «Інженерія програмного
забеспечення»
__Лещенка Артема Руслановича_________
(прізвище, ім’я та по-батькові)
Керівник ст. викладач кафедри ІПЗ

ЧИЖМОТРЯ Олена,
Дата захисту: " ___ " ____________ 2023 р.

Національна шкала ___________________
Кількість балів: ______________________
Оцінка: ECTS ________________________
Члени комісії __________________ Андрій МОРОЗОВ

(підпис) (прізвище та ініціали)
__________________ Олексій ЧИЖМОТРЯ
. (підпис) (прізвище та ініціали)
Житомир – 2023
1
Вступ............................................................................................................................3
РОЗДІЛ І. Курс по JavaScript..................................................................................6
Тема 1. Overview / Огляд.........................................................................................................................6
Тема 2. Basic Concepts / Основні поняття.............................................................................................8
Тема 3. Conditionals and Loops / Умови та цикли..............................................................................10
Тема 4. Functions / Функції....................................................................................................................14
Тема 5. Objects / Об’єкти.......................................................................................................................17
Тема 6. Core Objects / Основні об'єкти................................................................................................19
Тема 7. DOM & Events / DOM і події...................................................................................................22
Тема 8. ECMAScript 6............................................................................................................................24
ВИСНОВКИ ПО І РОЗДІЛУ.................................................................................27
РОЗДІЛ Ⅱ. Курс по РНР.........................................................................................28
Тема 1. Basic Syntax/ Базовий синтаксис............................................................................................28
Тема 2. Variables / Змінні.......................................................................................................................29
Тема 3. Operators / Оператори..............................................................................................................30
Тема 4. Arrays/ Масиви..........................................................................................................................32
Тема 5. Control Structures/ Структури управління...........................................................................33
Тема 6. Functions / Функції....................................................................................................................34
Тема 7. Predefined VarWorking with / Заздалегідь визначені змінні..............................................35
Тема 8. Working with Files / Робота з файлами..................................................................................36
Тема 9. Object-Oriented PHP / Об'єктно-орієнтований PHP............................................................38
Висновки по II розділу............................................................................................39
Список використаних джерел...............................................................................40
ДУ «Житомирська політехніка».23.121.15.000 - ТПр

Змн. Арк. № докум. Підпис Дата
Розроб. Лещенко А.Р. Літ. Арк. Аркушів
Перевір. Чижмотря О.Г. Навчальна практика 2 42
2
Керівник
Н. контр. ФІКТ Гр. ВТ-21-1
Зав. каф. Морозов А.В.
Вступ
JavaScript
Що таке JavaScript?
JavaScript — це мова, яка дозволяє вам застосовувати складні речі на веб-
сторінці — кожного разу, коли на веб-сторінці відбувається що-то більше, ніж
просто її статичне відображення — відображення періодично оновлюваного
контенту, або інтерактивних карт, або анімації 2D/3D-графіки, або прокрутка
відео в програвачі, і т.д. — можете бути впевнені, що швидше всього, не
обошлось без JavaScript.
Історія JavaScript
Поява в Netspace
1995 року компанія Netscape поставила завдання вбудувати мову
програмування Scheme чи «якусь схожу» в браузер Netscape. Для цього був
запрошений Брендан Айк, американський розробник, що спеціалізувався
на системному програмуванні. Також, для прискорення розробки, Netscape почали
співробітництво з компанією Sun Microsystems.
З часом, концепція розроблюваної мови програмування була розширена до
можливості використання безпосередньо в HTML-коді сторінки. Компанії мали на
меті створити мову, що могла зв'язати різні частини вебсайтів: зображень, Java-
аплетів, об'єктної моделі документа. Ця мова повинна була стати зручною для
вебдизайнерів та некваліфікованих програмістів. Робочою назвою нової мови
була Mocha, яка була змінена на LiveScript в перших двох бета-версіях браузера
Netscape 2.0. А дещо пізніше, користуючись популярністю бренду Java, LiveScript
був перейменований на JavaScript і третя бета-версія (2.0B3) Netscape 2.0 вже
вийшла з сучасною назвою. Для цього була придбана відповідна ліцензія у
компанії Sun Microsystems, що володіла брендом Java.
1992 року компанією Nombas була розроблена скриптова мова
програмування Cmm (англ. С-minus-minus, гра слів навколо мови С++), яка
пізніше була перейменована на ScriptEase та могла вбудовуватися в вебсторінки.
Існує хибна думка, що JavaScript створено під впливом Cmm. Насправді Брендан
Айк ніколи не чув про Cmm до того, як він створив LiveScript. Пізніше, Nombas
зупинили розробку Cmm та почали використовувати JavaScript, а згодом брали
участь у групі зі стандартизації JavaScript.
Актуальний стан
JavaScript, наразі, є однією з найпопулярніших мов програмування в інтернеті. В
перші роки існування, більшість професійних програмістів скептично ставилися
до мови, цільова аудиторія якої складалася з програмістів-аматорів.
Поява AJAX змінила ситуацію та звернула увагу професійної спільноти до мови, а
Лещенко А.Р. Арк.

Чижмотря О.Г. ДУ «Житомирська політехніка».23.121.15.000 - ТПр
3
її подальші модифікації за стандартами ES6+ внесли багато корисних
можливостей, яких не вистачало для ефективного програмування. В результаті,
були розроблені та покращені багато практик використання JavaScript
(зокрема, тестування та налагодження), створені бібліотеки та фреймворки,
поширилося використання JavaScript поза браузером.
Типізація
Оскільки JavaScript є інтерпретованою мовою програмування, без строгої
типізації, і може виконуватися в різних середовищах, кожне зі своїми власними
особливостями сумісності, програміст має бути уважним, і повинен перевіряти,
що його код виконується як очікується в широкому переліку можливих
конфігурацій. Типізація вважається одною з ключових проблем JavaScript, тому
восени 2012 року, компанія Microsoft презентувала мову
програмування TypeScript, що компілюється в JavaScript та містить декілька
важливих для програмістів доповнень, що полегшують розробку.

4
PHP
Що таке PHP?
PHP (рекурсивний акронім словосполучення PHP: Hypertext Preprocessor) - це
поширена мова програмування загального призначення з відкритим кодом. PHP
спеціально сконструйований для веб-розробок, і його код може впроваджуватися
безпосередньо в HTML.
Чим відрізняється PHP від JavaScript?
PHP відрізняється від JavaScript тим, що PHP-скрипти виконуються на сервері та
генерують HTML, який надсилається клієнту. Якби у вас на сервері був
розміщений скрипт, подібний до вищенаведеного, клієнт отримав би тільки
результат його виконання, але не зміг би з'ясувати, який саме код його зробив. Ви
навіть можете налаштувати свій сервер таким чином, щоб звичайні HTML-файли
оброблялися процесором PHP, тому клієнти навіть не зможуть дізнатися, чи
отримують вони звичайний HTML-файл або результат виконання скрипту.
Історія РНР
У 1994 році датський програміст Расмус Лердорф розробив на C. набір CGI-
скриптів для обліку відвідувачів його онлайн - резюме , що обробляє
шаблони HTML - документів. Лердорф назвав набір Personal Home Page
Tools (Інструменти для особистої домашньої сторінки ). Незабаром
функціональності перестало хапати, і Лердорф розробив новий інтерпретатор
шаблонів PHP/FI ( англ. Personal Home Page / Forms Interpreter - "персональна
домашня сторінка / інтерпретатор форм") .
8 червня 1995 вийшов Personal Home Page (PHP Tools) version 1.0 - перший
публічний реліз.
В 1997 після тривалого бета-тестування вийшла друга версія обробника,
написаного на C - PHP / FI 2.0. Її використовували близько 1% (приблизно 50
тисяч) всіх інтернет-доменів світу

5
РОЗДІЛ І. Курс по JavaScript
Тема 1. Overview / Огляд
Даний розділ не несе у собі нічого складного, тому якщо ви хоча б чули

щось про цю мову програмування, то вам не буде складно пройти
тести цього розділу.
Рис. 1.1. 1-2. – Результати питань тесту

Урок 2.2 - Практика
Тут нам надали можливість, вперше спробувати використати свої знання з
пройдених попередніх питань на практиці.
Рис. 1.2. – Результат написання коду

6
Рис. 1.3. 1-2. - Результати питань тесту
Урок 4.2 / 5.2 - Практика
Рис. 1.4. 1-2. – Результат написання коду

7
Тема 2. Basic Concepts / Основні поняття
Даний розділ вже знайомить нас з арифметичними операторами,
операторами присвоєння, порівняння та логічними операторами.

Урок 7.2 / 9.2 – Практика
Рис. 1.6. 1-2. – Результат написання коду

8
Урок 10.2 / 13 – Практика / Код проект
Рис. 1.8. 1-2. – Результати написання коду

9
Тема 3. Conditionals and Loops / Умови та цикли
Цей розділ демонструє нам роботу умов та циклів. Нас вчать, як
працювати з операторами if, else if, switch, while, do...while.


10

11
Урок 16.2 / 17.2 - Практика


12
Урок 21.2 – Практика
Рис. 2.5. – Результати написання коду

Урок 23 – Код проект.

13
Тема 4. Functions / Функції
Цей модуль дає нам змогу познайомитись із функціями у мові
програмування JavaScript. Ми вчимось, як оголошувати функції, використовувати
параметри та отримувати значення функції за допомогою return. Також ми
попрацюємо із різними видами спливаючих вікон: Alert, Prompt, Confirm boxes.

14


15

16
Тема 5. Objects / Об’єкти
У модулі об’єкти ми ознайомимось із цими ж самими об’єктами у мові
програмування JavaScript, навчимось їх оголошувати та працювати із ними. Також
попрацюємо із методами.

17

Урок 34.2 / 36 – Практика / Код проект

18
Тема 6. Core Objects / Основні об'єкти
Модуль під номером 6 ознайомлює нас із масивами у мові програмування
JavaScript. Ми вчимось їх оголошувати та отримуємо практичні навички для
роботи із ними. Також модуль містить у собі декілька математичних об’єктів, а
також метод setInterval().

19


20

21
Тема 7. DOM & Events / DOM і події
Цей модуль навчає нас DOM. Що таке DOM? Коли ви відкриваєте будь-
яку веб-сторінку у браузері, HTML сторінки завантажується та візуально
відображається на екрані. Для цього браузер створює об'єктну модель документа
цієї сторінки, яка є об'єктно-орієнтованою моделлю її логічної структури. DOM
HTML-документа можна подати у вигляді вкладеного набору осередків:
Рис. Схема DOM.

Також даний розділ включає в себе події, анімації, робота з формами,
скрол-баром та інше.

22

23
Тема 8. ECMAScript 6
І останній розділ ECMAScript (ES). ECMAScript (ES) – це специфікація
мови сценаріїв, створена для стандартизації JavaScript. Шосте видання, спочатку
відоме як ECMAScript 6 (ES6), а потім перейменоване на ECMAScript 2015, додає
значний новий синтаксис для написання складних додатків, включаючи класи та
модулі, ітератори та цикли for/of, генератори, стрілочні функції, двійкові дані,
типизовані , колекції (карти, множини та слабкі карти), обіцянки, числа та
математичні покращення, відображення та проксі.
Іншими словами, ES6 - це супермножина JavaScript (ES5). Причина, через
яку ES6 став таким популярним, полягає в тому, що він запровадив нові угоди та
концепції ОВП, такі як класи.

24


25


26
ВИСНОВКИ ПО І РОЗДІЛУ
За допомогою тестів з JavaScript я вивчив основні поняття мови
програмування JavaScript. Навчився краще логічно мислити. Також я вивчив та
закріпив знання з усіх тем. З деяких тем виникали труднощі. Результати тестів
представив у вигляді пронумерованих рисунків. Відкрив для себе нове з декількох
тем. Мої навички з мови JavaScript стали кращими
Рис. 4.8. – Сертифікат проходження курсу з JavaScript

27
РОЗДІЛ Ⅱ. Курс по РНР
Тема 1. Basic Syntax/ Базовий синтаксис
Як і для будь-якої мови програмування базовий модуль не містить у собі
нічого складного. Нам демонструють для чого використовується дана мова
програмування, її базовий синтаксис та найпростіші задачки.
Рис. 4.9. 1-4. Тести до теми “Базовий синтаксис”.

28
Тема 2. Variables / Змінні
У другому модулі ми продовжимо знайомитись із базовими речами мови
PHP. Нам пропонують розглянути змінні, константи та типи даних.
Рис. 5.1. 1-4. Тести до теми “Змінні”.

29
Тема 3. Operators / Оператори
3-тій модуль знайомить нас із операторами, а саме: арифметичними,
оператори присвоєння, порівняння та логічними операторами.
Рис. 5.2. 1-4. Види операторів умові програмування PHP.

30
Рис. 5.3. 1-4. Тести до теми “Оператори”.

31
Тема 4. Arrays/ Масиви
Цей розділ цілком там повністю демонструє нам масиви у мові

програмування PHP. Розберемо їх синтаксис, як їх оголошувати та інше.
Рис. 5.4. 1-4. Тести до теми “Масиви”.

32
Тема 5. Control Structures/ Структури управління
Модуль продемонструє нам основи роботи різними операторами, а саме

такими як: if, elseif, while, For, Foreach, switch, break, continue.
Рис. 5.5. 1-4. Тести до теми “Структури Управління”.

33
Тема 6. Functions / Функції
Модуль номер 6 пропонує нам ознайомитись із функціями. Розглянемо їх

синтаксис та основи роботи із ними.
Рис. 5.6. 1-4. Тести до теми “Функції”.

34
Тема 7. Predefined VarWorking with / Заздалегідь визначені змінні.
Модуль під номером 7 демонструє нам суперглобальні змінні.
Суперглобальна змінна - це зумовлена змінна, яка завжди доступна, незалежно від
області видимості. Ви можете отримати доступ до суперглобальних змінних PHP
через будь-яку функцію, клас або файл.
Суперглобальні змінні PHP - це $_SERVER, $GLOBALS, $_REQUEST,
$_POST, $_GET, $_FILES, $_ENV, $_COOKIE, $_SESSION.
Рис. 5.7. 1-4. Тести до теми «Заздалегідь визначені змінні».

35
Тема 8. Working with Files / Робота з файлами
PHP пропонує низку функцій, які можна використовувати при створенні,
читанні, завантаженні та редагуванні файлів.
Функція fopen() створює або відкриває файл. Якщо ви використовуєте
fopen() з неіснуючим файлом, файл буде створено з огляду на те, що файл було
відкрито для запису (w) або додавання (a).
Для відкриття файлу використовуйте один із таких режимів.
r: Відкриває файл тільки для читання.
w: Відкриває файл тільки для запису. Стирає вміст файлу або створює
новий файл, якщо він не існує.
a: Відкриває файл тільки для запису.
x: Створює новий файл тільки для запису.
r+: Відкриває файл для читання/запису.
w+: Відкриває файл для читання/запису. Стирає вміст файлу або створює
новий файл, якщо він не існує.
a+: Відкриває файл для читання/запису. Створює новий файл, якщо файл
не існує.
x+: Створює новий файл для читання/запису.
Наведений нижче приклад створює новий файл “file.txt”, який буде створено в
тому самому каталозі, де знаходиться РНР-код.

36
Рис. 5.8. 1-4. Тести до теми “Робота з файлами”.

37
Тема 9. Object-Oriented PHP / Об'єктно-орієнтований PHP
Об'єктно-орієнтоване програмування (ООП) - це стиль програмування,
який покликаний наблизити мислення про програмування до мислення про
реальний світ. Об'єкти створюються за допомогою класів, які є центральним
елементом ООП.
У PHP клас може містити змінні-члени, звані властивостями, для
визначення характеристик об'єкта, і функції, звані методами, для визначення
поведінки об'єкта. Визначення класу починається з ключового слова class, за яким
слідує ім'я класу. Фігурні дужки укладають визначення властивостей і методів,
що належать класу.
Рис. 5.9. 1-4. Тести до теми “Об’єктно-орієнтований PHP”.

38
Висновки по II розділу
Повернувшись до мого тезису відносно мови програмування JavaScript
курс досить корисний для новачка, але бувалому користувачу PHP від нічого
нового не дасть.
Проте цей курс мені сподобався на багато менше ніж JS. Тут зовсім нема
практики. Від слова ЗОВСІМ!!!. Курс по JS давав нам невеличку практику до
кожного уроку, а також повне практичне завдання до кожної теми. PHP не має
нічого із перерахованого, тому можу сказати, що було досить сумно від цього.
Рис. 6.1. 1-2. Сертифікати проходження курсу PHP на Solo Learn

39
Список використаних джерел
1. https://learn.ztu.edu.ua/course/view.php?id=4750
2. https://learn.ztu.edu.ua/course/view.php?id=4749
3. https://learn.ztu.edu.ua/mod/page/view.php?id=144293

40

Практика 2 курс Лещенко Артем ВТ 21 1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Практика 2 курс Лещенко Артем ВТ 21 1

Uploaded by

Copyright:

Available Formats

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ

ДЕРЖАВНИЙ УНІВЕРСИТЕТ «ЖИТОМИРСЬКА ПОЛІТЕХНІКА»

Кафедра інженерії програмного забеспечення

студента ІІ курсу групи ВТ-21-1

Керівник ст. викладач кафедри ІПЗ

Дата захисту: " ___ " ____________ 2023 р.

Члени комісії __________________ Андрій МОРОЗОВ

ДУ «Житомирська політехніка».23.121.15.000 - ТПр

Лещенко А.Р. Арк.

Лещенко А.Р. Арк.

Лещенко А.Р. Арк.

Тема 1. Overview / Огляд

Даний розділ не несе у собі нічого складного, тому якщо ви хоча б чули

Рис. 1.1. 1-2. – Результати питань тесту

Рис. 1.2. – Результат написання коду

Лещенко А.Р. Арк.

Рис. 1.4. 1-2. – Результат написання коду

Лещенко А.Р. Арк.

Рис. 1.5. 1-2. – Результати питань тесту

Рис. 1.6. 1-2. – Результат написання коду

Лещенко А.Р. Арк.

Рис. 1.8. 1-2. – Результати написання коду

Лещенко А.Р. Арк.

Рис. 1.9. 1-2. – Результати питань тесту

Рис. 2.1. 1-2. – Результати написання коду

Лещенко А.Р. Арк.

Лещенко А.Р. Арк.

Рис. 2.3. 1-2. – Результати написання коду

Рис. 2.4. 1-2. – Результати написання коду

Лещенко А.Р. Арк.

Рис. 2.5. – Результати написання коду

Рис. 2.6. – Результати написання коду

Лещенко А.Р. Арк.

Рис. 2.7. 1-4. - Результати питань тесту

Лещенко А.Р. Арк.

Рис. 2.8. 1-2. – Результати написання коду

Рис. 2.9. 1-2. – Результати написання коду

Лещенко А.Р. Арк.

Рис. 3.1. – Результати написання коду

Лещенко А.Р. Арк.

Рис. 3.2. 1-4. – Результати питань тесту

Лещенко А.Р. Арк.

Рис. 3.4. 1-2. – Результати написання коду

Рис. 3.5. 1-2. – Результати написання коду

Лещенко А.Р. Арк.

Рис. 3.6. 1-4. – Результати питань тесту

Лещенко А.Р. Арк.

Рис. 3.7. 1-2. – Результати написання коду

Рис. 3.8. 1-2. – Результати написання коду

Лещенко А.Р. Арк.

Рис. 3.9. – Результати написання коду

Лещенко А.Р. Арк.

Рис. Схема DOM.

Рис. 4.1. 1-2. – Результати питань тесту

Лещенко А.Р. Арк.

Лещенко А.Р. Арк.

Рис. 4.3. 1-4. – Результати питань тесту

Лещенко А.Р. Арк.

Рис. 4.4. 1-2. – Результати написання коду

Рис. 4.5. 1-2. – Результати написання коду

Лещенко А.Р. Арк.

Рис. 4.6. 1-2. – Результати написання коду

Рис. 4.7. – Результати написання коду

Дата захисту: " _ " __________ 2023 р.