frontend (59)

5 незручних фактів про TypeScript

Я пишу книги про TypeScript, проводжу семінари та тренінги онлайн і офлайн. Кожного разу, коли я зустрічаюся з новою групою розробників, я розповідаю їм деякі факти про TypeScript, з якими їм необхідно ознайомитися: 1. TypeScript не врятує вас від Ja...

Alex · 27 липня 2023 · 138

Аутентифікація в односторінкових застосунках. Частина 1.

Популярність односторінкових застосунків зростає щороку. Навіть якщо застосунок і не на 100% односторінковий, кількість функцій, що базуються на JavaScript, невпинно росте. Під аутентифікацією ми маємо на увазі підтвердження особи користувача чи дост...

Codeguida · 03 липня 2018 · 23

Чому слід використовувати TypeScript замість JavaScript у 2021 році

Нещодавно я, використовуючи React Native, займався розробкою мобільного застосунку для медитації Atomic Meditation.  В ході роботи я зрозумів необхідність у вивченні та використанні TypeScript замість JavaScript у середніх та великих проєктах....

Alex · 2 роки тому · 658 · 1

Stylus за 20 хвилин

Нещодавно на Codeguida вийшов переклад статті про SASS, і я вирішив написати про свій улюблений препроцесор, адже він такий зручний і чомусь такий непопулярний. CSS потрібен герой Перш за все з'ясуємо, що таке Stylus. Stylus це один з трійки найвідом...

Codeguida · 22 січня 2020 · 4

Властивості Background

Кожен елемент в дереві документа - просто прямокутна коробка. Кожна з цих коробок має фон, який може бути повністю прозорим, кольоровим або зображенням. І цей бекграунд контролюється 8 властивостями CSS (плюс 1 коротка властивість). background-color...

Codeguida · 03 січня 2020 · 33

Що таке Node.js? Основи серверної розробки на JavaScript

Node.js - це потужне середовище виконання для запуску JavaScript-коду поза веб-браузером. Воно дозволяє запускати JavaScript на стороні сервера, що дає змогу розробникам створювати масштабовані, високопродуктивні та керовані подіями застосунки. Node....

Alex · 04 серпня 2023 · 227 · 3

Як працює this в JavaScript

Новачкам (і не тільки ним) буває важко розібратися з ключовим словом this. Існує 5 правил, що допоможуть вам зрозуміти принцип роботи this та не плутатися в майбутньому. Звісно, ці правила не покривають всі випадки, але вони працюють в більшості ситу...

Codeguida · 01 червня 2017 · 152

Чому варто використовувати тег <picture> замість <img>

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

Alex · 3 роки тому · 1.4K

Node Hero: Частина 1 - Починаємо роботу з Node.js

Це перший пост серії туторіалів по Node.js під назвою Node Hero. Ви дізнаєтесь, що таке Node.js, як встановити програмну платформу на своєму комп'ютері і як почати роботу з нею. В наступних розділах ми розпочнемо справжню розробку додатків. Давайте р...

Codeguida · 17 жовтня 2020 · 51

Node Hero: Частина 4 - Ваш перший Node.js HTTP сервер

Модуль http для вашого Node.js северу При розробці додатків на основі HTTP в Node.js, ви будете багато працювати з вбудованими модулями http/https. Тепер, давайте створимо наш перший Node.js HTTP сервер! Нам потрібно буде require модуль http і прив'я...

Codeguida · 18 червня 2020 · 9

Node Hero: Частина 9 - модульне тестування у Node.js

Тестування Node.js-застосунків Ви можете вважати тести гарантією для застосунків, які ви розробляєте. Тести будуть працювати не тільки на вашому локальному комп'ютері, але і у сервісах неперервної інтеграції, так, щоб версії з помилками не потрапили...

Codeguida · 05 липня 2020 · 10

Різні способи написання CSS у React

Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...

Alex · 04 серпня 2023 · 125