frontend (59)

Посібник з оптимізації JavaScript файлів

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

Alex · 31 січня · 102

Підводні камені React: 5 помилок з мого першого проєкту

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

Alex · 10 серпня 2023 · 151

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

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

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

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

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

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

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

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

Alex · 27 липня 2023 · 130

5 концептів які зроблять з вас кращого React розробника

Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React. Індивідуальні хуки (custom hooks) Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке дозволить вам використовувати стан та інші функці...

Alex · 15 червня 2022 · 635

@-правила CSS

Переклад статті Джеффа Грема на CSS-Tricks від 12 травня 2015. @-правило - директива, яка дозволяє створювати в CSS інструкції для зміни відображення або поведінки елементів сторінки. Кожен оператор починається символом @, що слідує перед одним із до...

Codeguida · 25 листопада 2021 · 12

20 порад для написання сучасного CSS

В цьому пості ми поділимося колекцією з 20 порад та кращих практик, що зроблять ваш CSS набагато кращим 1. Остерігайтеся Margin Collapse На відміну від інших властивостей, вертикальні відступи (margin) при зустрічі конфліктують. Це означає, що коли н...

Codeguida · 11 листопада 2021 · 25

Основи роботи з адаптивним текстом

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

Codeguida · 19 вересня 2021 · 6

Основи Webpack 2

Що таке Webpack? Якщо просто, то це пакувальник модулів для вашого JavaScript. Але з часів першого релізу він еволюціонував в пакувальник для всього вашого фронтенду. Ось так це було раніше: розмітка, стилі так код ізольовані, ви повинні керувати ко...

Codeguida · 26 серпня 2021 · 24 · 1

Node Hero: Частина 12 - Як розгортати Node.js-застосунки на Heroku або Docker

Розгортання Node.js у PaaS Провайдери платформи-як-послуги(platform-as-a-Service) можуть бути чудовим вибором для команд, які бажають робити мінімальну кількість операцій або створювати невеликі застосунки. У цьому туторіалі ви навчитеся використовув...

Codeguida · 14 серпня 2021 · 12

Основи Webpack: Частина 1

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

Codeguida · 13 липня 2021 · 129