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

Що таке кодування – факти програмування

Багатьох людей цікавить питання “що таке кодування?“, — в пошуку Google на цей запит видає більше 500 тисяч сторінок. І ми не говоримо про кодування в медицині (наприклад, кодування від алкоголізму). Йдеться про кодування в програмуванні. В основному, таке питання цікавить новачків, які хочуть зробити кар’єру в програмуванні. Таких людей дуже багато, тому такий запит дуже популярний в пошукових системах. В сьогоднішній статті ми вирішили відкрити завісу над секретною частиною того, “що таке кодування?” в...

Способи створення кола за допомогою CSS стилів

Досить часто при верстці веб-проекту є потреба в створенні круглих елементів: круглі кнопки, круглі мініатюри, круглі іконки, або навіть цілі круглі контейнери. В деяких випадках вийти з ситуації можна з допомогою простих картинок, а іноді такий підхід не допомагає. Як же вирішити проблему, і тільки за допомогою CSS стилів? В сьогоднішньому уроці ми розглянемо 5 основних способів, з допомогою яких ви зможете створювати на своїх сайтах будь-які круглі елементи.     Кола в CSS Існує...

Як вивчити Python з нуля?

Починати шлях в IT-індустрію слід з освоєння мови, на якій машини “спілкуються” з людиною. Для цього призначений Пітон, мова програмування високого рівня. Вона досить проста, щоб Python з нуля освоїла людина без досвіду в IT. Проте можливостей мови вистачає для вирішення численних завдань будь-якої складності – від елементарних скриптів, до побудови нейронної мережі. Вона застосовується в додатках таких корпорацій, як Mozilla, Yandex, Facebook, Microsoft та Intel. Навіть перша версія Google була написана на цій мові....

Маніпулювання ступенем важливості завантаження ресурсів в браузері

Для браузера не всі ресурси володіють однаковим ступенем важливості та пріоритету. Кожен браузер має свою своєрідну евристику, згідно з якою він визначає, які ресурси завантажувати в першу чергу, а які – пізніше. Наприклад, CSS стилі мають більш важливий пріоритет, ніж скрипти і картинки. Іноді браузер може неправильно розставляти пріоритети завантаження і довантажувати з сервера менш важливі ресурси в найпершу чергу. Наприклад, інструмент для підвищення якості веб-сторінок Lighthouse від компанії Google рекомендує боротися з цим так:...

Уроки PHP – Коли використовувати isset(), empty() та is_null() в PHP

Досить часто, при написанні PHP коду, виникають ситуації, коли робочий на вигляд код не працює. Після деяких досліджень, ви виявляєте, що використовували неправильну функцію для перевірки змінної в PHP. Існує багато функцій в PHP, які призначені для перевірки стану і значення змінних, в тому числі ті, які можуть повідомляти вам, чи є якесь значення, доступне взагалі для використання. Серед цих функцій, виділяються особливо три: isset(), empty() та is_null(), які легко переплутати. В сьогоднішньому уроці ми...

Уроки по CSS: що таке одиниці перегляду vw, vh, vmin і vmax

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

Уроки JavaScript – Все, що потрібно знати про змінні

Однією з найголовніших та фундаментальних концепцій будь-якої мови програмування є можливість зберігання значень, які пізніше можна багаторазово використовувати. Такі значення в програмуванні називаються змінними. В сьогоднішньому уроці ми розглянемо змінні в JavaScript. В цій мові програмування для оголошення змінних використовуються три зарезервованих ключових слова: var, let або const.   Ви можете вільно використовувати кожен з цих видів змінних, оскільки всі вони «нетипізовані», — тобто, це означає, що змінна може містити значення будь-якого типу даних. Змінні...

Детальний опис техніки ледачого завантаження зображень (Lazy Load)

Ліниве (або відкладене) завантаження картинок – це популярний метод асинхронного звернення до адреси зображення, по мірі необхідності його завантаження, а не одразу після того, як HTML сторінки був проаналізований браузером. Ви, швидше за все, вже бачили цю реалізацію в дії, оскільки цей метод використовується на багатьох популярних сайтах. Сьогодні неможливо уявити собі Інтернет без картинок і відео. Ми всі звикли до цього. Плюс, якщо на сторінці сайту немає якихось графічних елементів, нам важче буде вловити...

Приклад односторінкового сайту з повноекранними секціями

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

Ознайомлення з операторами IN та BETWEEN в MySQL

В сьогоднішньому уроці ми розглянемо основну інформацію по операторам IN та BETWEEN в MySQL. За допомогою оператора IN ви зможете визначити, чи відповідає потрібне значення якому-небудь значенню зі списку (або в підзапиті). А за допомогою оператора BETWEEN ви зможете визначити, чи знаходиться потрібне значення в діапазоні доступних значень.     Ознайомлення з оператором IN в MySQL Оператор IN дозволяє визначити, чи відповідає вказаному значенню яке-небудь значення в наборі значень або наборі, що повертається підзапитом. Нижче...

Уроки PHP – Багатовимірний масив

В сьогоднішньому невеликому уроці ми покажемо вам, що таке багатовимірні масиви, як створювати та керувати багатовимірними масивами в PHP. Рівень складності: початковий.     Введення в багатомірний масив PHP Як ви знаєте, масиви являють собою список пар з ключів та їх значень. Зазвичай ключем є число (або рядок в разі асоціативних масивів), а значенням є будь-який тип даних. І це важливо, оскільки це означає, що значенням може бути й інший масив. Таким чином, якщо ви...

Як зробити красиву анімовану кнопку Пошук з CSS3 та jQuery

В сьогоднішньому уроці ми на практиці розглянемо те, як можна створити просту, але дуже красиву кнопку для пошуку, всього лише з допомогою CSS3 і jQuery.   Готова кнопка буде виглядати приблизно так:     Для створення такої гарної анімованої кнопки для вікна пошуку ми будемо використовувати наступні інструменти: HTML – для структури документу CSS3 – для стильового оформлення та анімації руху jQuery – для реагування на натискання кнопок     Деякий час тому назад розробники...

Як завантажувати CSS файли асинхронно

Одним з найбільш ефективних способів підвищити продуктивність та швидкість завантаження сторінок сайту є асинхронне завантаження CSS файлів. При використанні цього способу не буде відбуватися зайва затримка для завантаження сторінки через рендеринг цих файлів. Затримка пов’язана з тим, що за замовчуванням браузери завантажують підключені CSS-файли синхронно – зупиняючи весь рендеринг сторінки, поки кожен CSS-файл завантажується та аналізується. Звичайно, хоча б невелика частина CSS стилів сайту повинна бути завантажена до того, як сторінці буде дозволено розпочати рендеринг....

Уроки JavaScript – приклади використання випадковості

В JavaScript досить часто потрібно використовувати випадковість або випадкове поводження. Найпростішим прикладом буде отримання випадкового числа для проведення жеребкування. Або, наприклад, уявити можливий результат кидка монети. Але існує багато різних видів випадковості, і для різних додатків потрібно підбирати свій вид випадкового результату.     Найпростіша випадковість Найпростішою формою випадковості, яка вбудована в JavaScript, є функція Math.random(). Щоб побачити її в дії, наберіть в консолі браузера (виклик консолі Ctrl+Shift+I) функцію: Math.random(); //0.2735944957535754 – приклад результату  ...

Уроки PHP – як робити сортування даних в масиві

В сьогоднішньому уроці ми розглянемо основні моменти, які стосуються сортування даних масиву в PHP. Ви дізнаєтеся найбільш важливі вбудовані в PHP функції, які призначені для сортування масивів.     Введення в сортування масивів в PHP Досить часто доводиться сортувати дані в масивах. Можливо, вам потрібно це робити в алфавітному або числовому порядку, в порядку зростання або зменшення. Для цього PHP надає декілька корисних функцій. У наступному розділі ми покажемо вам, як використовувати ці функції. Для...