Category: Уроки програмування
Багатьох людей цікавить питання “що таке кодування?“, — в пошуку Google на цей запит видає більше 500 тисяч сторінок. І ми не говоримо про кодування в медицині (наприклад, кодування від алкоголізму). Йдеться про кодування в програмуванні. В основному, таке питання цікавить новачків, які хочуть зробити кар’єру в програмуванні. Таких людей дуже багато, тому такий запит дуже популярний в пошукових системах. В сьогоднішній статті ми вирішили відкрити завісу над секретною частиною того, “що таке кодування?” в...
Досить часто при верстці веб-проекту є потреба в створенні круглих елементів: круглі кнопки, круглі мініатюри, круглі іконки, або навіть цілі круглі контейнери. В деяких випадках вийти з ситуації можна з допомогою простих картинок, а іноді такий підхід не допомагає. Як же вирішити проблему, і тільки за допомогою CSS стилів? В сьогоднішньому уроці ми розглянемо 5 основних способів, з допомогою яких ви зможете створювати на своїх сайтах будь-які круглі елементи. Кола в CSS Існує...
Починати шлях в IT-індустрію слід з освоєння мови, на якій машини “спілкуються” з людиною. Для цього призначений Пітон, мова програмування високого рівня. Вона досить проста, щоб Python з нуля освоїла людина без досвіду в IT. Проте можливостей мови вистачає для вирішення численних завдань будь-якої складності – від елементарних скриптів, до побудови нейронної мережі. Вона застосовується в додатках таких корпорацій, як Mozilla, Yandex, Facebook, Microsoft та Intel. Навіть перша версія Google була написана на цій мові....
Для браузера не всі ресурси володіють однаковим ступенем важливості та пріоритету. Кожен браузер має свою своєрідну евристику, згідно з якою він визначає, які ресурси завантажувати в першу чергу, а які – пізніше. Наприклад, CSS стилі мають більш важливий пріоритет, ніж скрипти і картинки. Іноді браузер може неправильно розставляти пріоритети завантаження і довантажувати з сервера менш важливі ресурси в найпершу чергу. Наприклад, інструмент для підвищення якості веб-сторінок Lighthouse від компанії Google рекомендує боротися з цим так:...
Досить часто, при написанні PHP коду, виникають ситуації, коли робочий на вигляд код не працює. Після деяких досліджень, ви виявляєте, що використовували неправильну функцію для перевірки змінної в PHP. Існує багато функцій в PHP, які призначені для перевірки стану і значення змінних, в тому числі ті, які можуть повідомляти вам, чи є якесь значення, доступне взагалі для використання. Серед цих функцій, виділяються особливо три: isset(), empty() та is_null(), які легко переплутати. В сьогоднішньому уроці ми...
Одиниця перегляду, або, як її ще називають – довжина у відсотках від області перегляду – це адаптивна одиниця в CSS стилях, яка дозволяє визначати розміри в процентах від ширини або довжини області перегляду. Одиниці області перегляду корисно використовувати в тих випадках, коли інші відносні одиниці CSS (такі як відсотки) не справляються з поставленим завданням. В офіційній документації W3C про ці елементи сказано дуже мало, тому в сьогоднішній статті ми розглянемо ці одиниці більш докладно. Також...
Однією з найголовніших та фундаментальних концепцій будь-якої мови програмування є можливість зберігання значень, які пізніше можна багаторазово використовувати. Такі значення в програмуванні називаються змінними. В сьогоднішньому уроці ми розглянемо змінні в JavaScript. В цій мові програмування для оголошення змінних використовуються три зарезервованих ключових слова: var, let або const. Ви можете вільно використовувати кожен з цих видів змінних, оскільки всі вони «нетипізовані», — тобто, це означає, що змінна може містити значення будь-якого типу даних. Змінні...
Ліниве (або відкладене) завантаження картинок – це популярний метод асинхронного звернення до адреси зображення, по мірі необхідності його завантаження, а не одразу після того, як HTML сторінки був проаналізований браузером. Ви, швидше за все, вже бачили цю реалізацію в дії, оскільки цей метод використовується на багатьох популярних сайтах. Сьогодні неможливо уявити собі Інтернет без картинок і відео. Ми всі звикли до цього. Плюс, якщо на сторінці сайту немає якихось графічних елементів, нам важче буде вловити...
Односторінковий сайт ідеально підійде для просування нового продукту, короткострокової рекламної кампанії або сайтів-портфоліо. Досить часто для односторінкових сайтів (їх ще називають посадковими сторінками, цільовими сторінками і лендінгами) використовуються повноекранні секції, з однотонною фоновою заливкою або фоновими картинками. Для переходу від секції до секції використовується фіксоване (плаваюче) меню. До секціях додаються стилі, які забезпечують плавний і ефектний перехід. Також, при бажанні, можна додавати ефект паралаксу для переходів між секціями. В сьогоднішньому практичному уроці ми розглянемо простий...
В сьогоднішньому уроці ми розглянемо основну інформацію по операторам IN та BETWEEN в MySQL. За допомогою оператора IN ви зможете визначити, чи відповідає потрібне значення якому-небудь значенню зі списку (або в підзапиті). А за допомогою оператора BETWEEN ви зможете визначити, чи знаходиться потрібне значення в діапазоні доступних значень. Ознайомлення з оператором IN в MySQL Оператор IN дозволяє визначити, чи відповідає вказаному значенню яке-небудь значення в наборі значень або наборі, що повертається підзапитом. Нижче...
В сьогоднішньому невеликому уроці ми покажемо вам, що таке багатовимірні масиви, як створювати та керувати багатовимірними масивами в PHP. Рівень складності: початковий. Введення в багатомірний масив PHP Як ви знаєте, масиви являють собою список пар з ключів та їх значень. Зазвичай ключем є число (або рядок в разі асоціативних масивів), а значенням є будь-який тип даних. І це важливо, оскільки це означає, що значенням може бути й інший масив. Таким чином, якщо ви...
В сьогоднішньому уроці ми на практиці розглянемо те, як можна створити просту, але дуже красиву кнопку для пошуку, всього лише з допомогою CSS3 і jQuery. Готова кнопка буде виглядати приблизно так: Для створення такої гарної анімованої кнопки для вікна пошуку ми будемо використовувати наступні інструменти: HTML – для структури документу CSS3 – для стильового оформлення та анімації руху jQuery – для реагування на натискання кнопок Деякий час тому назад розробники...
Одним з найбільш ефективних способів підвищити продуктивність та швидкість завантаження сторінок сайту є асинхронне завантаження CSS файлів. При використанні цього способу не буде відбуватися зайва затримка для завантаження сторінки через рендеринг цих файлів. Затримка пов’язана з тим, що за замовчуванням браузери завантажують підключені CSS-файли синхронно – зупиняючи весь рендеринг сторінки, поки кожен CSS-файл завантажується та аналізується. Звичайно, хоча б невелика частина CSS стилів сайту повинна бути завантажена до того, як сторінці буде дозволено розпочати рендеринг....
В JavaScript досить часто потрібно використовувати випадковість або випадкове поводження. Найпростішим прикладом буде отримання випадкового числа для проведення жеребкування. Або, наприклад, уявити можливий результат кидка монети. Але існує багато різних видів випадковості, і для різних додатків потрібно підбирати свій вид випадкового результату. Найпростіша випадковість Найпростішою формою випадковості, яка вбудована в JavaScript, є функція Math.random(). Щоб побачити її в дії, наберіть в консолі браузера (виклик консолі Ctrl+Shift+I) функцію: Math.random(); //0.2735944957535754 – приклад результату ...
В сьогоднішньому уроці ми розглянемо основні моменти, які стосуються сортування даних масиву в PHP. Ви дізнаєтеся найбільш важливі вбудовані в PHP функції, які призначені для сортування масивів. Введення в сортування масивів в PHP Досить часто доводиться сортувати дані в масивах. Можливо, вам потрібно це робити в алфавітному або числовому порядку, в порядку зростання або зменшення. Для цього PHP надає декілька корисних функцій. У наступному розділі ми покажемо вам, як використовувати ці функції. Для...