Category: Уроки програмування

Основи JavaScript

В цьому уроці ми розглянемо базові поняття про деякі основи JavaScript. Сьогодні ми приділимо увагу різним типам даних JavaScript, визначенню функцій, побачимо, що таке масиви і об’єкти, познайомимося з операторами в JavaScript, умовою if/else, а також з циклами for і while.     В JavaScript ви можете мати різні типи значень. Існують такі типи даних: числа, рядки, логічні значення (boolean), об’єкти, невизначені та нульові (NULL): Однорядкові коментарі пишуться з використанням двох косих рисок (//), весь...

Уроки PHP – Масиви (Array)

У цьому уроці ми розглянемо, що таке масиви в PHP і як з ними працювати. Ви дізнаєтеся, як створювати, сортувати або показувати вміст масива. Розглянемо асоціативні та багатовимірні масиви. Також приділимо трохи уваги основним функціям при роботі з масивами в PHP.     Масиви в PHP – основи Масиви – це спеціальні типи даних. На відміну від інших простих змінних, масив може зберігати більше одного значення. Припустимо, що вам потрібно зберегти основні кольори в своєму...

JavaScript та DOM

У цій статті ми поговоримо про основні аспекти мови програмування JavaScript і DOM (об’єктна модель документів). Використання фреймворків, таких як jQuery або Prototype – це відмінний спосіб швидкої розробки додатків на JavaScript, але також важливо знати і розуміти базові аспекти цієї мови. Навіть якщо ви використовуєте тільки якусь конкретну бібліотеку, сьогоднішня інформація все одно принесе вам користь – розуміння того, як щось працює під «капотом», — це дуже важливо.     JavaScript – вступ JavaScript...

Уроки PHP – рядки

У цьому уроці ми детально розглянемо, що таке рядки в PHP, як їх використовувати, а також розглянемо найпростіші функції маніпуляції з рядками.     Рядки в PHP: основи Рядок (string) – це тип даних в PHP та набір символів. У PHP вбудована підтримка 256 різних символів. Для визначення рядка можна використовувати три різні способи: одинарні лапки подвійні лапки heredoc-синтаксис   Вам вирішувати, який спосіб використовувати, адже у кожного з них є свої плюси і мінуси....

Встановлення PHP 7 в картинках і з докладним описом

У попередніх статтях ми писали про те, як створити локальний веб-сервер за допомогою наборів інструментів Денвер і XAMPP. Ці інструменти дозволяють перетворити ваш домашній комп’ютер в веб-сервер і створювати сайти у себе вдома. Розглянуті додатки містять в собі необхідний мінімум програм, які необхідні для роботи в локальному середовищі розробки: сервер Apache, інтерпретатор скриптів PHP, систему керування базами даних MySQL, інтерпретатор мови Perl, та інші додаткові бібліотеки. Всі ці компоненти ви можете встановити і самі, головне...

Впровадження AMP для збільшення швидкості завантаження сторінки

Більшість вебмайстрів і розробників знають, що час завантаження сайту має вирішальне значення для загального успіху сайту. Звичайний користувач не буде чекати більше трьох секунд завантаження сторінки. Він просто піде, нівелюючи всі ваші зусилля по красивому оформленню сайту та якісному наповненню актуальним контентом. Щоб відвідувачі залишалися на вашому сайті, вам потрібно серйозно зайнятися оптимізацією ваших сторінок. Однак рішення даної задачі не таке просте, як здається, і особливо це відноситься до оптимізації для мобільних пристроїв. Зі збільшенням...

Google AMP – що це таке і як це реалізувати на своєму сайті?

Тривалий час завантаження сайту впливає на показник відмов і є однією з головних причин поганих слів, які люди говорять на адресу своїх телефонів та інтернет-провайдерів. Є маса інструментів і рішень, за допомогою яких можна оптимізувати час завантаження сайту для мобільних пристроїв, але є одне прогресивне рішення – AMP. Проект AMP (Accelerated Mobile Pages – Прискорені мобільні сторінки) є одним з найбільш перспективних методів, спрямованих на вирішення цієї проблеми. Сьогодні ми поговоримо трохи про AMP; розглянемо...

Основи тестування юзабіліті проектів веб-дизайну

Навіть якщо ви вважаєте свій новий веб-проект дуже красивим, вам все одно доведеться враховувати те, як він буде сприйматися відвідувачами сайту з точки зору зручності використання (юзабіліті). Не має значення, наскільки добре виглядає сайт, якщо відвідувачі не можуть знайти обов’язкові та очікувані функції. Отже, як саме ви зможете зрозуміти, що працює, а що ні? Досвід тут є важливою складовою, але не треба в усьому покладатися на інтуїцію – адже є певні загальні моменти з тестування...

Огляд властивості line-height у CSS-стилях

За допомогою властивості line-height в CSS встановлюється величина простору між рядками. У блокових елементах властивість впливає на мінімальну висоту рядків усередині елемента. Для вбудованих елементів ця властивість впливає на висоту, яка використовується для обчислення висоти коробки (блоку) рядка. Але, перш ніж ми почнемо розглядати властивість line-height більш детально, ми повинні дати пояснення двом важливим моментам: область вмісту елемента (content-area) і коробка рядка (line-box).   Область вмісту елемента (content-area) – це обчислена висота області вмісту елемента....

Розбираємо властивість display в CSS

Властивість display є однією з найбільш важливих властивостей CSS, які використовуються верстальниками для побудови макету. Найпопулярнішими значеннями цієї властивості є block, inline та none. Значення table та inline-block також досить поширені. Але крім цих значень є ще маса інших, які можна і потрібно використовувати, і про які ви, можливо, не знали. Тому, цей пост присвячений розгляду різних значень властивості display в CSS-стилях.     Перш ніж ми поговоримо про властивість display, ми повинні згадати «дерево...

Розширені селектори CSS, про які потрібно знати

За допомогою CSS можна створювати дійсно приголомшливі сайти. А правильний підхід до використання стилів дозволяє реалізувати практично будь-які ідеї у веб-дизайні. І одним з головних моментів тут є ефективне використання селекторів. За допомогою селекторів можна надати унікальні стилі навіть самим «віддаленим» елементам в DOM. Але іноді буває так, що звичайні селектори не підходять для вирішення цього завдання. Наприклад, коли код, і відповідно елементи DOM, генерується динамічно. На щастя для верстальників, доступ до деяких динамічних селекторів...

Використання різних властивостей розміру шрифту в CSS-стилях

В CSS є маса різних властивостей, які дозволяють впливати на розмір шрифту. Крім цього розмаїття, у даних властивостей фактична величина їх значення часто обчислюється браузерами по-різному. Все це обумовлено історично та в міру розвитку технологій. Одні властивості застарівають, а інші з’являються і стають популярними. Наприклад, сьогодні деякі властивості вже вважаються застарілими (ex, pt, pc та ін.), а інші навпаки стають все більш популярними (vh, vw, vmin і vmax). Останні властивості завоювали любов веб-дизайнерів завдяки своїй...

Які елементи можна (і потрібно) розміщувати у футері сайту

Розробка оптимального футеру (підвалу, нижньої частини, нижнього колонтитулу) сайту не завжди є у списку пріоритетів веб-дизайнера. З огляду на те, що футер знаходиться в самому низу веб-сторінки, легко припустити, що більшість відвідувачів сайту його майже не помічають, і тому не всі розробники приділяють йому достатньо уваги. Хоча футер, насправді, є дуже важливою частиною будь-якого сайту. За даними спеціального дослідження, приблизно 70% відвідувачів можуть прокручувати сайт до футеру, а приблизно 25% відвідувачів завжди будуть прокручувати сайт...

Як додати Google форму на свій сайт

Якщо ви ще не знайомі з безкоштовним, але потужним інструментом Google Форми (Google Forms), зараз саме час для цього. Google Форми – це швидкий і простий спосіб збирати інформацію від ваших користувачів через онлайн-форми. Все, що потрібно для їх використання – це наявність електронної пошти Google, а додати їх на сайт дуже просто. Форми від Google можна використовувати для створення простої контактної форми, форми опитування клієнтів або чогось більш складнішого. І в цій статті ми...

Прискорюємо свій CSS

Ви коли-небудь думали про розмір файлів CSS-стилів на своєму сайті? Адже якщо ці файли мають велику вагу, це негативно позначиться на завантаженні (відображенні) сторінки. Хоча CSS-файли сайту в основному важать небагато, вони дуже важливі в момент завантаження сайту в браузері. Оскільки браузер блокує відображення сторінки до повного завантаження CSS, ці файли повинні бути максимально легкими. У сьогоднішній статті ми розглянемо декілька порад, які допоможуть вам зменшити розмір CSS-файлів, а також прискорити рендеринг сторінок сайту.  ...