Приєднуйтесь до нас
Front-end
CSR у Next.js. Як працює і що у нього під капотом
Зайшов на сторінку, а там — спінери, skeleton і порожнеча?
Як працює мислення senior-розробників
Блогер та розробник Джозеф Круз розповів, як має працювати мислення розробника, щоб він міг досягти рівня senior.
Колись я витрачав годину, щоб зробити звичайний toggle. Зараз на це йде дві хвилини, і ось чому.
Колись я витрачав годину, щоб зробити звичайний toggle…
Серйозно.
Я прийшла за покупками, а не крутити колесо
«Крутіть колесо, щоб отримати знижку до 50%!»
SvelteKit. Його переваги й недоліки
Фреймворк який підтримує SSR і SSG, але має суттєву перевагу над Next.js та Nuxt.js.
Навіщо нам статична типізація JavaScript
Як виконується наш JavaScript код? Виділю декілька ключових фаз.
Javascript для всього
Конкретні мови програмування були створені для вирішення конкретних завдань — це факт. Але десь на цьому шляху JavaScript пішов у відрив. Можливо, він мріяв про світове панування, а можливо, купка інженерів десь полінувалася вивчити нову мову програмування. Але це реальність, в якій ми зараз живемо, друзі:
Типи даних у JavaScript
Мова програмування JavaScript широко застосовується при розробці не тільки клієнтських, але й серверних програм. Однією з головних характеристик JavaScript є динамічна типізація, яка передбачає, що значення можуть змінювати свій тип під час виконання програми. У цій публікації ми розглянемо типи даних у JavaScript та їхні різновидності: примітивні та об’єктні.
Фреймворк Next.js: розробка сайтів на React і JavaScript
Сучасну фронтенд-розробку на основі React важко уявити без Next.js. Мільйони JavaScript-програмістів щодня використовують цей інструмент в своїй роботі. Однак завжди є новачки, які поки не мали можливості працювати з Next.js. Саме для них присвячений цей невеликий посібник користувача. Сподіваємось, він допоможе початківцям оволодіти знаннями, необхідними для впевненої розробки статичних і динамічних сайтів.
Які інструменти допоможуть швидко створити сучасний веб-сайт
Сьогодні створення сайтів уже не таке складне завдання, яким воно було навіть лише кілька років тому. Завдяки прогресу, розробникам і бізнесу стало набагато простіше і доступніше втілити свої ідеї в життя — незалежно від рівня їхніх знань.
680 відгуків на вакансію Frontend Developer: статистика топ-вакансій в Україні
JavaScript-розробники продовжують лідирувати в статистиці відгуків на опубліковані вакансії. За даними Djinni, 25% вакансій, пов’язаних з розробкою на JavaScript, мають 100 або більше відгуків. Для порівняння: серед PHP таких вакансій близько 1%.
Storybook. Що це таке і навіщо він потрібен розробнику
Чули вже про Storybook? А користувалися?
Библіотеки Python для розробників: обираємо найкращі
Python — це мова, яка використовується у різних сферах комерційної розробки: від веб-додатків до генеративного штучного інтелекту. Складні робочі процеси вимагають використання великих обсягів коду. Саме тут на допомогу програмістам приходять бібліотеки — файли, модулі та функції, які можна практично відразу застосовувати у різних проектах. Вони дозволяють повторно використовувати код на базі перевірених готових рішень. Бібліотеки не лише прискорюють роботу, а й підвищують безпеку програмного забезпечення.
Перетворення CSS у SVG для створення красивих і легких веб-анімацій
З тих пір, як я повністю перейшла на фронтенд-розробку на роботі, я працюю над багатьма веб-анімаціями, переходами та ефектами. Чим більше я це роблю, тим більше креативних способів я знаходжу, щоб змусити це працювати.
8, 16, 32, 64 ГБ? Який обсяг оперативної пам’яті буде найкращим для фронтенд-розробки у 2024 році?
Software Engineer Том Смиковськи, який входить в ТОп-2% на StackOverflow замислився над тим, скільки оперативної пам’яті треба для фронтент-розробки. Пропонуємо вам переклад його його авторського блогу від нашої редакції. Далі — слово автору.
«Не забудь зробити знімок компоненти!». Стисло про Snapshot-тестування на Jest
«І не забудьте зробити знімок (Snapshot) компоненти!»
Що спільного між Pure Function та приготуванням кави в автоматі?
(Ага, я пам’ятаю, що вам дуже сподобалася аналогія з Макдональдсом)
Що таке юніт-тестування компонентів у React і з чим його їдять?
Що таке юніт-тестування компонентів у React?
Ефективний спосіб розпочати NextJS-проект
Вибір фреймворку для запуску нового проекту може бути досить складним, враховуючи велику кількість доступних сьогодні фреймворків та інструментів. Розробники, які хочуть створювати високопродуктивні та масштабовані веб-додатки, часто обирають Next.js.
Вчимося працювати з Git: основи конфігурації, гілки, додавання файлів та директорій
Git — це найпопулярніша CVS прямо зараз, яка дозволяє відстежувати історію розробки і спільно працювати.
Курси Front-end для тих, хто тільки хоче ввійти в професію
Все частіше новачки і свічери, які приходять в ІТ, обирають для старту front-end розробку. Адже, за думкою багатьох, це відносно швидкий і не найскладніший спосіб стати розробником ПЗ.
Шість об’ємних курсів з Python для новачків і прокачаних розробників
В червні Stack Overflow опублікував дослідження спільноти Developer Survey 2023, включаючи рейтинг мов програмування. На третьому місці, відразу за незмінним лідером JavaScript та «мовами програмування» HTML/CSS розташувався Python. Зухвалий «плазун» покращує свої позиції щороку, цього разу змістивши SQL на четверте місце.
10 корисних скриптів для автоматизації на Python
У блозі Python Data Development запропонували десять скриптів для автоматизації на Python. Пропонуємо ознайомитися з перекладом підбірки та обрати скрипти для вашого розробницького арсеналу. Далі — слово авторам блогу.
Як User Research допоможе вам кайфувати від проєкту
Уже шість років я працюю в комерційному дизайні, останні три з яких — проводжу UX-дослідження. І знаєте, коли дійсно полюбила дизайнити? Саме з моменту участі в цих дослідженнях.
Знати CSS — недостатньо: що таке SCSS та як з ним працювати. Розбір синтаксису
У цій статті ми розглянемо особливості SCSS та його практичне застосування. Також ми порівняємо мови препроцесора SCSS та Sass із чистим CSS і дізнаємося, чому користуватися препроцесорами зручніше.
Що таке npm (Node Package Manager)? Як встановити та розмістити пакети
Node Package Manager (npm) — це менеджер пакетів JavaScript, який керує залежностями в проєктах, написаних на Node.js.
Grid в CSS: повний посібник та довідник з верстки
Після прочитання цієї статті ви знатимете про технологію Grid CSS все: навчитеся швидко і точно розташовувати вебелементи, а також зможете створювати адаптивний вебдизайн для будь-яких вебпроєктів.
Синтаксис мови програмування: порівняння мов та чим відрізняється від code style
Синтаксис мови програмування — це набір правил, які визначають спосіб написання коду. Кожна мова має свій унікальний синтаксис, який складається з команд, операторів, функцій і структур даних.
Як стати фронтенд-розробником та отримувати $3 тис.? Розповідаємо, що він має вміти і де цьому навчають
Якщо вам цікаве програмування і ви хочете, щоб результат роботи могли оцінити користувачі, зверніть увагу на професію фронтенд-розробника. Саме він розробляє частину сайту, яку бачать користувачі.
Якщо хочете стати крутим фронтендником, клонуйте ці сайти: 17 найкращих прикладів
Навіщо клонувати вебсайти? Якщо сайт завантажується довше, ніж 2 секунди, більшість користувачів не будуть чекати: вони просто закриють вкладку. Не варто недооцінювати дизайн: він має таке ж значення, як і програмування інтерфейсу, що виконується у фоновому режимі.
Через рік — $1200, а потім можна підвищити майже вчетверо: що важливо вміти фронтенд-розробнику
Новачки, які тільки починають вивчати фронтенд, стикаються з безліччю нових термінів.
Чи можна швидко та безкоштовно вивчити JavaScript: поради для тих, хто хоче увійти до IT
В Україні словосполучення «увійти до IT» давно перетворилося на мем — всі хочуть працювати в індустрії, що бурхливо розвивається, з зарплатами, що швидко зростають. Але сьогодні нам вже не до сміху — для багатьох українців зміна професії стала питанням виживання.
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам: