Привіт, Світ!
Розпочати шлях програмування може бути складно, особливо коли не знаєш, з чого почати, правда?
У цьому посібнику ми розглянемо 5 проєктів для початківців, які допоможуть вам стартувати в програмуванні, а також навчать вас будувати логіку. Ці проєкти також допоможуть вам отримати глибокі знання про мову, яку ви будете використовувати для розробки.
Давайте почнемо з найпростішого та найлегшого.
1. Калькулятор ІМТ
Навички: Html, CSS та JavaScript
Це проста сторінка, яка приймає введення користувача, такі як вік, стать, вага та зріст, і на основі цього виводить ваш ІМТ.
Згідно з формулою, вам потрібно лише знати вагу людини (в кг) і зріст (в м), де вага ділиться на квадрат зросту.
Додайте JavaScript, щоб додати функціональність кнопці, яка обчислює та відображає результат.
Тепер ви можете обчислювати ІМТ будь-якої людини без необхідності звертатися до інших сайтів чи додатків.
2. Калькулятор Любові
Навички: Html, CSS та JavaScript
Звучить цікаво, чи не так?
Цей проєкт визначатиме, чи є шанси на гарні стосунки між двома людьми. Тож будьте обережні при розробці логіки, друзі.
Проєкт приймає два введення — імена обох партнерів, і виводить ймовірність гарних стосунків. Ви можете створити будь-яку логіку, яку хочете, але ймовірність для двох однакових імен має бути однаковою кожного разу, коли ви їх вводите.
3. Гра "Хрестики-Нулики"
Навички: Html, CSS та JavaScript
Цей проєкт буде на рівень складнішим, оскільки для нього потрібна сильніша логіка порівняно з попередніми, але він дасть вам впевненість у використанні JavaScript.
Більшість із вас знає, як грати в цю гру, що полегшить розуміння та розробку логіки. Тут потрібно врахувати можливості для виграшу та додати умови для завершення гри, коли хтось виграє. Також потрібно додати умови для нічиї.
Цей проєкт сильно використовує JavaScript, що допоможе вам зміцнити знання цієї мови.
Тепер ви зможете грати у гру, створену вами, коли нудьгуєте.
4. Гра "Камінь, Ножиці, Папір"
Навички: Html, CSS та JavaScript
Ось ще одна гра, яку ви зможете грати після того, як її розробите. У цій грі користувач змагатиметься з комп'ютером, де користувач може вибрати камінь, ножиці або папір, а комп'ютер згенерує випадковий вибір.
Тепер всі знають, як грати в "Камінь, Ножиці, Папір", тому ви вже знаєте, якими мають бути умови для виграшу.
Також додайте таблицю лічильника, щоб відслідковувати перемоги та показувати, хто виграв, виводячи вибір кожного.
5. Читач QR-Кодів
Навички: Html, CSS та JavaScript
Ви можете створити власний QR-код читач, який виводить посилання на екран.
Це може здатися складним, але насправді це один з найпростіших проєктів, оскільки він включає використання бібліотеки Html5QrcodeScanner. Так, JavaScript має потужну бібліотеку, яку можна використовувати для створення власного QR-коду.
Докладніше про те, як її використовувати, ви можете дізнатися за цим посиланням.
https://blog.minhazav.dev/research/html5-qrcode
Останні думки
Ці проєкти — чудові перші кроки для будь-кого, хто починає свій шлях у програмуванні. Починайте з малого, фокусуйтеся на одному проєкті за раз і не бійтеся робити помилки — це частина навчання! З кожним проєктом ви будете набиратися впевненості та розширювати свій набір навичок.
Який проєкт ви спробуєте першим? Поділіться з нами в коментарях!
Перекладено з: 5 Beginner-Friendly projects to kickstart your coding journey