Автор: Річард Рейс

Якщо ви зацікавлені в програмуванні, то, можливо, вже бачили цю цитату:

«Кожен повинен навчитися програмувати, тому що це вчить мислити», — Стів Джобс

Ви, мабуть, також замислювалися, що саме означає «мислити, як програміст»? І як це робити??

Суть полягає в ефективнішому способі розв’язання проблем.

Мета цієї статті — навчити вас цього способу.

Наприкінці ви точно знатимете, які кроки потрібно зробити, щоб краще розв’язувати проблеми.

Чому це важливо?

Розв’язання проблем — це метанавичка.

У нас всіх є проблеми: в когось більші, в когось менші. Деколи ми справляємось з ними дуже… непродумано.

Якщо у вас немає системи, то ви, ймовірно, «розв’язуєте» проблеми наступним чином (я також так робив, коли починав програмувати):

1. знаходите розв’язок;
2. якщо він не працює, знаходите інший розв’язок;
3. якщо він теж не працює, повторюєте крок №2, доки не пощастить.

Дивіться, іноді може пощастити. Але це найгірший спосіб розв’язання проблем! І це просто величезна трата часу.

Найкращий спосіб включає а) наявність системи та б) її використання.

«Майже всі роботодавці в першу чергу надають перевагу навичкам розв’язання проблем.

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

Обчислювальне мислення та здатність розбивати великі, складні проблеми так само цінні (якщо не більше), як базові технічні навички, необхідні для роботи», — Hacker Rank (звіт про навички розробників за 2018 рік)

Дотримуйтесь системи

Щоб знайти правильну систему, я скористався порадою з книги Тіма Ферріса «Шеф-кухар за 4 години».

Це привело мене до інтерв’ю з двома справді дивовижними людьми: С. Джорданом Баллом (займає 1-ше або 2-ге місце серед 65 000+ користувачів на Coderbyte) і В. Антоном Спраулом (автор книги «Думай як програміст: вступ до творчого розв’язання проблем»).

Я поставив їм однакові запитання, і знаєте що? Їхні відповіді були досить схожими!

Зовсім скоро ви також дізнаєтесь про них.

Примітка: це не означає, що вони все робили однаково. Усі ми різні. Ви також відрізняєтесь. Але якщо ви почнете з принципів, з якими ми всі згодні, ваші досягнення будуть швидшими.

«Найбільша помилка, яку роблять початківці, — вони фокусуються на вивченні синтаксису замість того, як розв’язувати проблеми», — В. Антон Спраул

Отже, що робити, коли стикнулись з новою проблемою?

Ось покрокова інструкція:

1. Зрозумійте проблему

Точно зрозумійте, що від вас вимагається. Більшість важких проблем важкі через те, що їх не розуміють (саме тому це перший крок).

Як зрозуміти, що ви зрозуміли проблему? Ви можете пояснити її простими словами.

Пам’ятаєте, як застрягли на якійсь проблемі, почали її пояснювати і миттєво побачили прогалини в логіці, яких не помічали раніше?

Більшості програмістів знайоме це відчуття.

Ось чому варто записати свою проблему, намалювати діаграму або розповісти про неї іншій людині (або предмету… Дехто використовує метод каченяти).

«Якщо ви не можете пояснити щось простими словами, ви цього не розумієте», — Річард Фейнман

2. Складіть план

Не кидайтеся одразу розв’язувати проблему без плану (і сподіватись, що зможете впоратись). Складіть план розв’язку!

Вам ніщо не допоможе, якщо ви не можете записати точні кроки.

У програмуванні це означає не починати одразу писати код. Дайте своєму мозку час проаналізувати проблему та обробити інформацію.

Щоб скласти хороший план, дайте відповідь на це запитання:

«Маючи вхідні дані X, які кроки необхідно виконати, щоб отримати вихідні дані Y?»

Примітка: програмісти мають чудовий інструмент, який допоможе з цим… Коментарі!

3. Поділіть проблему

Зверніть увагу. Це найважливіший крок.

Не намагайтеся розв’язати одну велику проблему. Ви будете плакати.

Натомість розбийте її на менші проблеми. Ці проблемки набагато простіше розв’язати.

Потім розв’яжіть ці проблемки по черзі. Почніть з найпростішої. «Найпростіша» означає, що ви знаєте відповідь (або близькі до неї).

Розв’язок наступних «найпростіших» проблемок не залежить від інших.

Як тільки розв’яжете всі проблемки, з’єднайте точки.

Об’єднавши розв’язки всіх проблемок, ви знайдете розв’язок початкової проблеми. Мої вітання!

Ця техніка — основа розв’язання проблем. Запам’ятайте її (якщо потрібно, прочитайте цей крок ще раз).

«Якби я міг навчити кожного програміста-початківця одній навичці розв’язання проблем, це була б «техніка зменшення проблеми».

Припустимо, ви програміст-початківець, і вам доручили написати програму, яка читає десять чисел і визначає, яке з них є третім за величиною. Для зовсім початківця це може бути складне завдання, навіть якщо воно вимагає лише базового синтаксису.

Якщо ви застрягли, потрібно зменшити проблему до чогось простішого. Замість того, щоб знаходити третє за величиною число, як щодо того, щоб знайти найбільше загалом? Все одно складно? А якщо знайти найбільше з трьох чисел? Або більше з двох?

Зменшуйте проблему до того моменту, коли знаєте, як її розв’язати, і напишіть розв’язок. Потім трохи розширте проблему та відповідно перепишіть розв’язок, і продовжуйте, поки не повернетеся до початкового завдання», — В. Антон Спраул

4. Застрягли?

Ви вже, мабуть, думаєте: «Ей, Річарде... Це все класно, але що робити, якщо я застряг(-ла) і навіть не можу розв’язати проблемку??»

По-перше, глибоко вдихніть. По-друге, це справедливо.

Але не переживайте, друзі. Так буває!

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

Ось що можна спробувати, якщо натрапите на труднощі:

• Виконайте налагодження: уважно перегляньте свій розв’язок, намагаючись знайти помилку. Програмісти називають це налагодженням (власне, це все, що робить налагоджувач).

«Мистецтво налагодження полягає в тому, щоб зрозуміти, що ви насправді наказали робити програмі, а не те, що думали», — Ендрю Сінгер

• Проведіть переоцінку: зробіть крок назад. Подивіться на проблему з іншого боку. Чи є щось, що можна абстрагувати до більш загального підходу?

«Іноді ми настільки заглиблюємося в деталі проблеми, що не помічаємо загальних принципів, які розв’язують проблему на більш загальному рівні. [...]

Класичний приклад цього, звісно, це сума довгого списку послідовних цілих чисел, 1 + 2 + 3 + ... + n, яку дуже молодий Гаусс швидко розпізнав як просто n(n+1)/2, тим самим уникаючи необхідності виконувати додавання», — С. Джордан Балл

Примітка: ще один спосіб провести переоцінку — почати спочатку. Видаліть усе і почніть на свіжу голову. Я серйозно. Ви будете здивовані, наскільки це ефективно.

• Займіться дослідженням: ах, старий добрий Google. Ви правильно прочитали. Незалежно від того, яка у вас проблема, хтось, ймовірно, вже її розв’язав. Знайдіть цю людину/розв’язок. Робіть це навіть якщо ви вже розв’язали проблему! (Ви можете багато чому навчитися з розв’язків інших людей).

Застереження: не шукайте розв’язки великої проблеми. Шукайте лише розв’язки проблемок. Чому? Якщо ви не будете боротися (навіть трохи), ви нічого не навчитеся. А якщо ви нічого не навчитеся, ви даремно витратите час.

Практикуйтесь

Не очікуйте, що будете професіоналом за один тиждень. Якщо ви хочете добре розв’язувати проблеми, розв’язуйте багато проблем!

Практика. Практика. Практика. Пройде зовсім небагато часу, і ви почнете розуміти, що «цю проблему можна легко розв’язати за допомогою <вставте сюди якесь поняття>».

Як практикуватися? Варіантів повно!

Шахи, математичні задачі, судоку, го, монополія, відеоігри, CryptoKitties, бла... бла... бла....

Насправді загальна риса серед успішних людей — їхня звичка практикувати розв’язок мікропроблем. Наприклад, Пітер Тіль грає в шахи, а Ілон Маск грає у відеоігри.

«Байрон Рівз сказав: «Якщо ви хочете побачити, як може виглядати бізнес-лідерство через три-п’ять років, подивіться, що відбувається в онлайн-іграх.»

Перенесемося до сьогодення. Ілон [Маск], Рейд [Гоффман], Марк Цукерберг та багато інших кажуть, що ігри стали основою їхнього успіху у побудові своїх компаній», — Мері Мікер (звіт про інтернет-тенденції за 2017 рік)

Чи означає це, що вам потрібно просто грати у відеоігри? Зовсім ні.

Але яка мета відеоігор? Правильно, розв’язок проблем!

Тому потрібно знайти спосіб практики. Щось, що дозволяє розв’язувати багато мікропроблем (бажано, щоб вам це подобалося).

Наприклад, мені подобаються завдання з програмування. Кожного дня я намагаюся виконати хоча б одне завдання (зазвичай на Coderbyte).

Як я вже сказав, усі проблеми мають схожі шаблони.

Висновок

Це все, друзі!

Тепер ви краще розумієте, що означає «мислити, як програміст».

Ви також знаєте, що розв’язок проблем — це неймовірна навичка, яку варто розвивати (метанавичка).

А якщо цього недостатньо, то ви також знаєте, як практикувати навички розв’язку проблем!

Фух... Досить круто, правда?

Зрештою, я бажаю вам стикатися з багатьма проблемами.

Ви правильно прочитали. Принаймні тепер ви знаєте, як їх розв’язувати! (і пам’ятайте, що з кожним розв’язком ви стаєте кращими).

«Як тільки ви думаєте, що успішно пройшли одну перешкоду, з’являється інша. Але саме це робить життя цікавим. [...]

Життя — це процес подолання перешкод; це укріплені рубежі, через які ми повинні прорватися.

Кожен раз ви чогось навчаєтесь.

Кожен раз ви розвиваєте силу, мудрість і перспективу.

Кожен раз відступає частина конкуренції, допоки залишитесь лише ви: найкраща версія себе», — Раян Голідей («Перешкода як шлях»)

А тепер до розв’язку проблем!

Бажаю удачі?

Окрема подяка С. Джордану Баллу та В. Антону Спраулу. Усі корисні поради — від них.

Дякую, що прочитали! Якщо вам сподобалося, спробуйте, скільки разів ви зможете натиснути на кнопку миші за 5 секунд. Це чудове кардіо для пальців ТА допоможе іншим побачити цю історію.

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

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

Ви дізнаєтесь:

• Що таке програмування та чому воно важливе
• Що таке мова програмування та чому вона важлива
• Як програмування відноситься до бінарних чисел
• Реальне застосування програмування
• Навички успішного розробника
• Корисні поради для навчання
• Типи мов програмування
• Як зробити внесок до проєктів з відкритим кодом
• Та багато іншого...

Готові? Тоді розпочнемо! ✨

🔹 Що таке програмування?

Ви знали, що комп’ютерне програмування тепер є фундаментальною частиною нашого повсякденного життя? Розглянемо причини. Я впевнена, що ви будете здивовані.

Кожного разу, коли ви вмикаєте смартфон, ноутбук, комп’ютер, планшет, телевізор, чи інший пристрій, ви запускаєте код, який спланували, розробили та написали розробники. Цей код створює кінцевий та інтерактивний результат, який ви бачите на екрані.

Це і називається програмуванням. Це процес написання коду, щоб розв’язати певну проблему або виконати певне завдання.

Програмування дозволяє комп’ютеру запускати ваші щоденні програми, а смартфону — ваші улюблені застосунки. Це невід’ємна частина нашого світу.

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

Звідси виникає питання: «Що таке код?»

Код — це перелік інструкцій, які вказують пристрою необхідні до виконання дії.

Пристрій не знає, як обробити певну ситуацію або як виконати завдання. Тому розробники відповідають за аналіз ситуації та написання точних інструкцій, щоб виконати те, що вимагається.

Для цього вони дотримуються певного синтаксису (правила написання коду).

Розробник (або програміст) — це людина, яка аналізує проблему та розв’язує її у коді.

Звучить чудово, правда? Це сильний навик і ви також можете стати частинкою цього світу, навчившись програмувати.

Ви у ролі розробника.

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

Що б ви зробили в першу чергу?

Задумайтесь.

Відповідь…

Проаналізували проблему. Що ви намагаєтесь створити?

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

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

🔸 Що таке мова програмування?

Мова програмування — це мова, яку розуміють комп’ютери.

Ми не можемо просто написати:

«Комп’ютере, розв’яжи це завдання!»

і надіятись, що комп’ютер нас зрозуміє. Нам потрібно дотримуватись певних правил, щоб написати інструкції.

Кожна мова програмування має власні правила, які вирішують, чи рядок коду дійсний. Через це коди різними мовами програмування можуть відрізнятись.

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

Перед тим, як ви почнете писати свої неймовірні програми та застосунки, потрібно вивчити базові правила обраної мови програмування.

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

Наприклад, цей рядок коду в Python (популярній мові програмування) показує повідомлення «Hello, World!»:

print(«Hello, World!»)

А якщо написати такий самий рядок у JavaScript (мова програмування, яка здебільшого використовується для веброзробки), ми отримаємо помилку, оскільки він недійсний.

Щоб зробити щось схоже у JavaScript, ми б написали цей рядок коду:

console.log(«Hello, World!»);

Візуально вони відрізняються. Це через те, що Python та JavaScript мають різний синтаксис та різний набір вбудованих функцій.

💡 Важливо: вбудованими функціями називають завдання, які вже визначені у мові програмування. Це дозволяє напряму використовувати їх у коді, написавши їхню назву та вказавши потрібні значення.

У наших прикладах print() є вбудованою функцією у Python, а console.log() є функцією, яку ми можемо використати у JavaScript для того, щоб побачити повідомлення на консолі (інтерактивний інструмент), якщо ми запустимо наш код у браузері.

Приклади мов програмування: Python, JavaScript, TypeScript, Java, C, C#, C++, PHP, Go, Swift, SQL та R. Існує безліч мов програмування, та кожна з них корисна для різної мети.

💡 Важливо: за результатами опитування розробників Stack Overflow 2022, це були найпопулярніші мови програмування:

Існує і багато інших мов програмування (тисячі і навіть сотні), але зазвичай вивчають та працюють з найпопулярнішими. Деякі з них мають ширше застосування, як-от Python та JavaScript, а інші (наприклад, R) мають певні цілі.

Звучить дуже цікаво, правда? І ми лише починаємо говорити про мови програмування. Про них можна багато чого вивчити, і я обіцяю, що це вартує ваших сил та часу.

Чудово! Тепер ви знаєте, що таке програмування та мови програмування. Розглянемо, як програмування відноситься до бінарних чисел.

🔹 Програмування та бінарні числа

Мабуть, при слові «програмування» найпершим на думку спадає зображення нижче. Перелік нулів та одиниць на комп’ютері.

Програмування дійсно пов’язане з бінарними числами (0  та 1), але не напряму. Розробники не пишуть коди одиницями та нулями.

Ми зазвичай пишемо програми мовами програмування високого рівня, тобто мовами з синтаксисом, який розрізняє певні слова (ключові слова), символи та значення різних типів даних.

Простими словами: ми пишемо код, який можуть розуміти люди.

Наприклад, ці ключові слова можна використати у Python:

False               class               from                or
None                continue            global              pass
True                def                 if                  raise
and                 del                 import              return
as                  elif                in                  try
assert              else                is                  while
async               except              lambda              with
await               finally             nonlocal            yield
break               for                 not 

Кожна мова програмування має набір ключових слів (слова, написані англійською). Ці ключові слова є частиною синтаксису та головною функціональністю мови програмування.

Але ключові слова є звичайними англійськими словами. Майже такими, якими пишуть книжки.

Це призводить до двох важливих запитань:

• Як комп’ютер розуміє та інтерпретує те, що ми намагаємось сказати?
• Як це пов’язано з двійковою системою числення?

Комп’ютер не розуміє ці слова, символи чи значення напряму.

Коли програма запускається, то код, написаний мовою програмування високого рівня, який можуть розуміти люди, автоматично перетворюється у бінарний код, який розуміє комп’ютер.

Перетворення початкового коду, який розуміють люди, у бінарний код, який розуміє комп’ютер, називається компіляцією.

Britannica визначає компілятор як:

Комп’ютерне програмне забезпечення, яке перекладає (компілює) вихідний код, написаний мовою високого рівня (наприклад, C++), у набір інструкцій машинної мови, які може зрозуміти центральний процесор цифрового комп’ютера.

Britannica також згадує:

Термін «компілятор» був введений американською науковицею в галузі комп’ютерних наук Ґрейс Гоппер, яка розробила один із перших компіляторів на початку 1950-х років.

Деякі мови програмування можна класифікувати на компільовані або інтерпретовані, залежно від того, як вони перетворюються на інструкції машинної мови.

Однак усі вони мають пройти через процес, який перетворює їх на інструкції, зрозумілі комп’ютеру.

Чудово. Тепер ви знаєте, чому бінарний код такий важливий для комп’ютерних наук. Без нього програмування в основному не існувало б, оскільки комп’ютери не змогли б зрозуміти наші інструкції.

Тепер зануримося в реальне застосування програмування та різні сфери, які ви можете досліджувати.

🔸 Реальне застосування програмування

Програмування використовують у різних сферах. Це просто чудово, оскільки ви можете застосувати свої знання практично в будь-якій галузі, яка вас цікавить.

Від інженерії до сільського господарства, від розробки ігор до фізики. Можливості безмежні, якщо ви навчитеся програмувати.

Розглянемо декілька з них. (Обіцяю. Вони неймовірні! ⭐) .

Веброзробка front-end

Якщо ви навчитеся програмувати, ви зможете використовувати свої навички програмування для проєктування та розробки вебсайтів і онлайн-платформ. Розробники front-end створюють частини вебсайтів, які користувачі можуть бачити та використовувати.

Наприклад, зараз ви читаєте публікацію від freeCodeCamp. Публікація має такий вигляд та працює завдяки коду, який писали розробники front-end.

💡 Важливо: якщо вивчите front-end, зможете зробити так само.

Розробники front-end використовують HTML та CSS, щоб створити структуру вебсайту (це мови розмітки, які використовуються для представлення інформації), а також JavaScript, щоб додати функціональність та інтерактивність.

Якщо ви зацікавлені у розробці front-end, ви можете вивчити HTML та CSS завдяки цим безоплатним курсам на ютубі freeCodeCamp:

• Learn HTML5 and CSS3 From Scratch - Full Course
• Learn HTML & CSS – Full Course for Beginners
• Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)
• Introduction To Responsive Web Design - HTML & CSS Tutorial

Ви також можете вивчити JavaScript:

• Learn JavaScript - Full Course for Beginners
• JavaScript Programming - Full Course
• JavaScript DOM Manipulation – Full Course for Beginners
• Learn JavaScript by Building 7 Games - Full Course

💡 Важливо: ви також можете здобути сертифікацію «Адаптивний вебдизайн», навчаючись за допомогою інтерактивних вправ на freeCodeCamp.

Веброзробка back-end

Складнішим вебзастосункам, які працюють з даними користувача, потрібен сервер. Це комп’ютерна програма, яка отримує запити та надсилає відповідну відповідь. Їм також потрібна база даних — колекція значень, що зберігаються структуровано.

Розробники back-end відповідають за розробку коду для серверів. Вони вирішують, як обробляти запити, надсилати відповідні ресурси та роблять так, щоб все працювало правильно.

Реальний приклад розробки back-end: ви створюєте обліковий запис на freeCodeCamp та проходите завдання. Ваша інформація зберігається у базі даних та ви можете отримати до неї доступ тоді, коли намагаєтесь увійти за допомогою емейлу та пароля.

Цю дивовижну інтерактивну функцію реалізували розробники back-end.

💡 Важливо: розробники full-stack відповідають за розробку front-end та back-end. Вони мають спеціальні знання в обох сферах.

Усі складні платформи, якими ви користуєтеся щодня, як-от соціальні мережі, онлайн-шопінг і освітні платформи, використовують сервери та розробку back-end, щоб забезпечити свої функції.

Для цього використовують потужну мову програмування Python. Це одна з найпопулярніших мов програмування, і її популярність продовжує зростати з кожним роком. Частково це пояснюється тим, що вона проста і її легко вивчити, але водночас досить потужна і універсальна, щоб її використовували в реальних програмах.

💡 Важливо: якщо ви зацікавлені у реальному застосуванні Python, я написала публікацію на цю тему.

JavaScript також можна використовувати для розробки back-end завдяки Node.js.

Для розробки вебсерверів використовують й інші мови програмування: PHP, Ruby, C# та Java.

Якщо ви зацікавлені у розробці back-end, ось безоплатні курси на ютубі freeCodeCamp:

• Python Backend Web Development Course (with Django)
• Node.js and Express.js - Full Course
• Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)
• Node.js / Express Course - Build 4 Projects

💡 Важливо: freeCodeCamp також має сертифікацію «Розробка Back End та API».

Розробка мобільних застосунків

Мобільні застосунки стали частиною нашого повсякденного життя. Я впевнена, що ви не можете уявити життя без них.

Подумайте про свій улюблений мобільний застосунок. За що ви його любите?

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

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

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

💡 Важливо: незалежно від обраної галузі, вашою головною метою завжди має бути покращення життя людей. Програми — це не просто програми, вони можуть змінити життя. Ви завжди повинні пам’ятати про це, коли плануєте свої проєкти. Ваш код може зробити чиєсь життя кращим, і це величезна відповідальність.

Розробники мобільних застосунків використовують JavaScript, Java, Swift, Kotlin та Dart. Такі фреймворки, як Flutter та React Native, надзвичайно корисні для створення кросплатформних мобільних застосунків (тобто застосунків, які безперебійно працюють у різних операційних системах, як-от Android та iOS).

Згідно з офіційною документацією Flutter:

Flutter — це фреймворк із відкритим вихідним кодом від Google для створення красивих, скомпільованих мультиплатформенних застосунків із єдиної кодової бази.

Якщо ви зацікавлені в розробці мобільних застосунків, ви можете пройти ці безоплатні курси на ютубі freeCodeCamp:

• Flutter Course for Beginners – 37-hour Cross Platform App Development Tutorial
• Flutter Course - Full Tutorial for Beginners (Build iOS and Android Apps)
• React Native - Intro Course for Beginners
• Learn React Native Gestures and Animations - Tutorial

Розробка ігор

Ігри створюють спогади. Я впевнена, що ви пам’ятаєте свої улюблені ігри і те, чому ви їх так любите (або любили). Бути розробником ігор означає мати можливість приносити радість гравцям у всьому світі.

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

💡 Важливо: якщо ви навчитеся програмувати, ви зможете створювати власні ігри. Уявіть, що ви створили гру, яка подобається користувачам у всьому світі. Це те, що мені особисто подобається в програмуванні. Вам потрібен лише комп’ютер, знання та деякі основні інструменти, щоб створити щось дивовижне.

До популярних мов програмування для розробки ігор входять JavaScript, C++, Python та C#.

Якщо ви зацікавлені в розробці ігор, ви можете пройти ці безоплатні курси на ютубі freeCodeCamp:

• JavaScript Game Development Course for Beginners
• Learn JavaScript by Building 7 Games - Full Course
• Learn Unity - Beginner's Game Development Tutorial
• Learn Python by Building Five Games - Full Course
• Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial
• 2D Game Development with GDevelop - Crash Course
• Pokémon Coding Tutorial - CS50's Intro to Game Development

Біологія, фізика та хімія

Програмування можна застосувати в будь-якій науковій галузі, включно з біологією, фізикою, хімією та навіть астрономією. Саме так! Вчені постійно використовують програмування для збору та аналізу даних. Вони навіть можуть запускати симуляції для перевірки гіпотез.

Біологія

Комп’ютерні програми у біології можуть симулювати популяційну генетику та динаміку. Існує навіть ціла галузь під назвою біоінформатика.

Згідно зі статтею «Біоінформатика» Ардершира Баята, члена Центру інтегрованих геномних медичних досліджень Манчестерського університету:

Біоінформатика визначається як застосування інструментів обчислення та аналізу для збору та інтерпретації біологічних даних.

Доктор Баят згадує, що біоінформатику можна використовувати для секвенування геному. Він також згадує, що його відкриття можуть призвести до відкриття ліків та індивідуальної терапії.

У біоінформатиці часто використовують Python, R, PHP, PERL та Java.

💡 Важливо: R — це «мова програмування та середовище для статистичних обчислень і графіки» (джерело).

Для біології науковці можуть використовувати Biopython. Це фреймворк Python із «доступними інструментами для біологічних обчислень».

Якщо ви хочете дізнатися більше про те, як можна застосувати свої навички програмування в науці, ось безкоштовні курси, які ви можете пройти на ютубі freeCodeCamp:

• Python for Bioinformatics - Drug Discovery Using Machine Learning and Data Analysis
• R Programming Tutorial - Learn the Basics of Statistical Computing
• Learn Python - Full Course for Beginners [Tutorial]

Фізика

Фізика вимагає виконання багатьох симуляцій, і програмування ідеально для цього підходить. За допомогою програмування вчені можуть програмувати та запускати симуляції на основі конкретних сценаріїв, які було б важко відтворити в реальному житті. Це набагато ефективніше.

Мови програмування, які зазвичай використовуються для симуляцій у фізиці: C, Java, Python, MATLAB та JavaScript.

Хімія

Хімія також залежить від симуляцій та аналізу даних, тому програмування у цій галузі теж корисне.

У науковій статті доктора Івара Угі та його колег з Інституту органічної хімії Мюнхенського технічного університету зазначено:

Розробка абсолютно нових синтезів, а також класифікація та документація структур, підструктур і реакцій є прикладами нових застосувань комп’ютерів у хімії.

Наукові експерименти також дають детальні дані та результати, які можна аналізувати за допомогою комп’ютерних програм, розроблених вченими.

Подумайте про це: написання програми для створення прямокутної діаграми, діаграми розсіювання чи будь-якого іншого типу діаграми для візуалізації тенденцій у тисячах вимірюваннях може заощадити багато часу та зусиль дослідників. Це дозволяє їм зосередитися на найважливішій частині роботи — аналізі результатів.

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

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

Якщо ви зацікавлені в навчанні програмуванню у наукових цілях, ось безоплатні курси на ютубі freeCodeCamp:

• Python for Bioinformatics - Drug Discovery Using Machine Learning and Data Analysis
• Python for Data Science - Course for Beginners (Learn Python, Pandas, NumPy, Matplotlib)

Наука про дані та інженерія

Говорячи про дані… Програмування надзвичайно важливе для науки про дані. Якщо вам цікаво відповідати на запитання за допомогою даних і статистики, ця галузь може бути саме тим, що ви шукаєте, а навички програмування допоможуть вам досягти цілей.

Фахівці, що спеціалізуються на науці про дані, збирають та аналізують дані, щоб відповісти на запитання в багатьох різних сферах. Відповідно до UC Berkeley у статті «Що таке наука про дані?»:

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

Існує багато потужних мов програмування для аналізу та візуалізації даних, але, мабуть, найчастіше використовують Python.

Це приклад візуалізації даних, створених за допомогою Python. Вони дуже корисні для візуального аналізу даних, і ви можете налаштувати їх відповідно до своїх потреб.

Якщо ви зацікавлені в навчанні програмуванню для науки про дані, ось безоплатні курси на ютубі freeCodeCamp:

• Learn Data Science Tutorial - Full Course for Beginners
• Intro to Data Science - Crash Course for Beginners
• Python for Data Science - Course for Beginners (Learn Python, Pandas, NumPy, Matplotlib)
• Build 12 Data Science Apps with Python and Streamlit - Full Course
• Data Analysis with Python - Full Course for Beginners (Numpy, Pandas, Matplotlib, Seaborn)

💡 Важливо: ви можете здобути безоплатні сертифікації на freeCodeCamp:

• Візуалізація даних
• Аналіз даних з Python

Інженерія

Інженерія — ще одна галузь, де програмування може допомогти досягти успіху. Можливість писати власні комп’ютерні програми може зробити вашу роботу набагато ефективнішою.

Існує багато інструментів, створених спеціально для інженерів. Наприклад, мова програмування R спеціалізується на статистичних програмах. Python також дуже популярний у цій галузі.

Ще одним чудовим інструментом для інженерії є MATLAB. Як повідомляє офіційний вебсайт:

MATLAB — це платформа програмування та числових обчислень, яка використовується мільйонами інженерів і вчених для аналізу даних, розробки алгоритмів і створення моделей.

Можливості безмежні.

Ви можете вивчити MATLAB завдяки цьому швидкому курсі на ютубі freeCodeCamp.

Якщо ви зацікавлені у вивченні інженерних інструментів, пов’язаних із програмуванням, ось безоплатний курс на ютубі freeCodeCamp, який охоплює AutoCAD — програмне забезпечення для автоматизованого проєктування 2D і 3D, яке використовують інженери:

• AutoCAD for Beginners - Full University Course

Медицина та фармакологія

Медицина та фармакологія постійно розвиваються, знаходячи нові методи лікування. Розглянемо, як можна застосувати свої навички програмування в цих сферах.

Медицина

Програмування дійсно всюди. Якщо ви цікавитеся сферою медицини, навчитись програмувати теж буде корисно. Навіть якщо ви хочете зосередитися на інформатиці та розробці програмного забезпечення, ви можете застосувати свої знання в обох сферах.

Спеціалізовані розробники відповідають за розробку та написання коду, який живить і контролює пристрої та машини, які використовуються в сучасній медицині.

Задумайтесь... Усі машини та пристрої керуються програмним забезпеченням, і хтось має написати це програмне забезпечення. Медичні записи також зберігаються та відстежуються спеціалізованими системами, створеними розробниками. Це можете бути ви, якщо вирішите піти цим шляхом. Звучить захоплююче, правда?

У науковій статті «Застосування комп’ютерної техніки в медицині» згадується:

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

Фармакологія

Програмування та інформатику можна застосувати і для розробки нових ліків у галузі фармакології.

Чудовий приклад того, чого можна досягти в цій галузі, навчившись програмувати, представлено в статті від MIT News. У ній описується, як студентка Массачусетського технологічного інституту Крісті Карпентер у 2019 році використовувала інформатику для розробки «нових, більш доступних ліків». Крісті згадує:

Штучний інтелект, який може допомогти обчислити комбінації сполук, які були б кращими для конкретного препарату, може зберегти час та прискорити процес розробки нових ліків.

Інший приклад реального застосування програмування у фармакології пов’язаний з Python (так, Python має багато застосувань!). Серед історій успіху ми знайдемо те, що AstraZeneca вибрала Python для розробки методів і програм, які можуть допомогти вченим відкривати нові ліки швидше та ефективніше.

Документація пояснює:

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

Якщо ви зацікавлені у навчанні програмування для медицини чи іншої галузі, пов’язаної зі здоров’ям, ось безоплатний курс на ютубі freeCodeCamp:

• PyTorch and Monai for AI Healthcare Imaging - Python Machine Learning Course

Освіта

Ви думали про те, що програмування може бути корисним для навчання? Що ж, дозвольте мені сказати вам, що це так, і це дуже важливо. Чому? Тому що цифрові засоби навчання, якими сьогодні користуються учні та вчителі, програмуються розробниками.

Завдяки програмуванню учні можуть використовувати освітні застосунки, переглядати освітні платформи (наприклад, freeCodeCamp), писати на цифровій дошці або відвідувати уроки через платформу онлайн-конференцій.

Як розробник або вчитель, який вміє програмувати, ви можете створити наступну чудову програму, яка покращить навчальний досвід учнів у всьому світі.

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

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

Якщо ви це уявляєте, ви можете створити це за допомогою коду.

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

💡 Важливо: якщо ви навчаєте учнів програмувати, Scratch — це чудова мова програмування, щоб вивчити основи програмування. Вона особливо зосереджена на навчанні дітей в інтерактивному режимі.

Згідно з офіційним вебсайтом Scratch:

Scratch — це найбільша у світі спільнота розробників для дітей і мова програмування з простим візуальним інтерфейсом, який дозволяє молодим людям створювати цифрові історії, ігри та анімації.

Якщо ви зацікавлені у навчанні програмування з освітньою метою, ось безоплатні курси на ютубі freeCodeCamp:

• Scratch Tutorial for Beginners - Make a Flappy Bird Game
• Computational Thinking & Scratch - Intro to Computer Science - Harvard's CS50 (2018)
• Android Development for Beginners - Full Course
• Flutter Course for Beginners – 37-hour Cross Platform App Development Tutorial
• Learn Unity - Beginner's Game Development Tutorial

Машинне навчання, штучний інтелект та робототехніка

Деякими з найдивовижніших галузей, які пов’язані з програмуванням, є машинне навчання, штучний інтелект і робототехніка. Подивимося чому.

Britannica визначає штучний інтелект як:

Проєкт розробки систем, наділених інтелектуальними процесами, характерними для людей, як-от здатність міркувати, відкривати значення, узагальнювати або вчитися на минулому досвіді.

Машинне навчання — це галузь або підмножина галузі штучного інтелекту, у якій системи можуть навчатися самостійно на основі даних. Метою цього навчального процесу є прогнозування очікуваного результату. Ці моделі постійно вчаться «думати» та аналізувати ситуації на основі свого попереднього навчання.

Найпоширеніші мови програмування у цій галузі: Python, C, C#, C++ та MATLAB.

Штучний інтелект і машинне навчання використовують у різних галузях, наприклад:

• Виявляння об’єктів.
• Складання прогнозів на основі закономірностей.
• Розпізнавання тексту.
• Системи рекомендацій (наприклад, коли платформа онлайн-шопінгу показує продукти, які можуть сподобатися, або коли ютуб показує відео, які можуть сподобатися).
• Фільтрування електронної пошти
• Виявляння шахрайств.
• Такі функції соціальних мереж, як персоналізовані стрічки новин.
• Багато іншого... існують мільйони програм в кожній галузі.

Якщо ви зацікавлені в тому, щоб навчитися програмувати для штучного інтелекту та машинного навчання, ось безоплатні курси на ютубі freeCodeCamp:

• Machine Learning for Everybody – Full Course
• Machine Learning Course for Beginners
• PyTorch for Deep Learning & Machine Learning – Full Course
• TensorFlow 2.0 Complete Course - Python Neural Networks for Beginners Tutorial
• Self-Driving Car with JavaScript Course – Neural Networks and Machine Learning
• Python TensorFlow for Machine Learning – Neural Network Text Classification Tutorial
• Practical Deep Learning for Coders - Full Course from fast.ai and Jeremy Howard
• Deep Learning Crash Course for Beginners
• Advanced Computer Vision with Python - Full Course

💡 Важливо: ви також можете здобути сертифікацію «Машинне навчання з Python» на freeCodeCamp.

Робототехніка

Програмування дуже важливе для робототехніки. Так, роботи теж програмуються!

Britannica надає таке визначення робототехніки:

Проєктування, конструювання та використання машин (роботів) для виконання завдань, які традиційно виконують люди.

Роботи такі ж, як комп’ютери. Вони не знають, що робити, поки ви не напишете інструкції у програмі. Якщо ви навчитесь програмувати, ви зможете програмувати роботів та промислове обладнання на виробничих підприємствах.

Якщо вам цікаво навчитися програмувати для робототехніки, електроніки та суміжних галузей, ось безоплатний курс по Arduino на ютубі freeCodeCamp:

• Arduino Course for Beginners - Open-Source Electronics Platform

Інші застосування

Існує багато інших захоплюючих застосувань програмування майже в кожній галузі. Ось деякі:

• Сільське господарство: у статті MIT News розповідається, що фермер розробив застосунок для автономного трактора після того, як навчився програмувати.
• Самокеровані автомобілі: автономні автомобілі покладаються на програмне забезпечення для аналізу оточення та прийняття швидких і точних рішень на дорозі. Якщо ви зацікавлені в цій галузі, ось курс на цю тему на ютубі freeCodeCamp.
• Фінанси: програмування також може бути корисним для розробки програм і моделей, які передбачають фінансові показники та тенденції. Наприклад, ось курс з алгоритмічної торгівлі на ютубі freeCodeCamp.

Можливості безмежні. Я сподіваюся, що цей розділ дасть вам уявлення про те, чому навчання програмуванню є таким важливим для теперішнього та майбутнього. Це буде цінною навичкою у будь-якій галузі, яку ви оберете.

Чудово. Тепер перейдемо до навичок успішного розробника.

🔹 Навички успішного розробника

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

Допитливість

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

Ентузіазм

Ключовою рисою успішного розробника є ентузіазм, але це стосується і будь-якої іншої сфери. Завдяки ентузіазму ви будете щасливими та допитливими стосовно того, що розробляєте та вивчаєте.

💡 Важливо: якщо вам здається, що ви втрачаєте ентузіазм, значить час знайти щось нове, що знову запалить іскру та принесе надію і мрії.

Терпіння

Розробник повинен бути терпеливим, оскільки реалізація ідеї може зайняти час та сили. Терпіння фокусуватиме вас на кінцевій меті.

Стійкість

Програмування може бути важким. Це правда. Але важлива не кількість проблем, а ваше вміння їх розв’язати. Якщо ви досягаєте успіхів попри проблеми, ви будете кращим розробником та можете створити те, що змінить світ.

Креативність

Розробники повинні бути креативними. Хоча мови програмування і мають свої правила, програмування схоже до Лего. У вас є блоки, але ви самі обираєте, що і як побудувати. Процес написання коду вимагає креативності, яка супроводжується найкращими практиками.

Вирішення проблем та аналіз

По суті, програмування — це аналіз та вирішення проблем за допомогою коду. Залежно від вашої сфери, ці проблеми будуть простішими або важчими, але вони всі вимагатимуть уміння вирішити проблему та проаналізувати ситуацію.

Такі питання є частиною повсякденної рутини розробника:

• Що побудувати?
• Як побудувати?
• Як найкраще побудувати?

Вміння фокусуватись на довгий період часу

Коли ви працюєте над проєктом, потрібно буде фокусуватись на завданні на довгий період часу. Ви витрачатимете багато годин на певне завдання, від створення дизайну до планування і написання коду, тестування та виправлення помилок. Тому важливо вміти фокусуватись та пам’ятати про кінцевий результат.

Вміння робити детальні нотатки

Ця навичка надзвичайно важлива для розробників, особливо для початківців. Нотатки можуть допомогти зрозуміти і запам’ятати поняття та інструменти. Це стосується і досвідчених розробників, оскільки програмування вивчають протягом життя.

Комунікація

Можливо, ви думаєте, що програмування — це відособлена активність, а розробник проводить сотні годин за робочим столом наодинці.

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

Будьте відкритими до фідбеку

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

При вивченні програмування ви завжди повинні сприймати конструктивну критику як інструмент для навчання. У командній роботі сприймайте фідбек позитивно та намагайтесь покращитись.

Вічне навчання

Програмування — це навчання, яке триває ціле життя. Якщо ви зацікавлені у програмуванні, ви повинні знати, що завжди вивчатимете нові речі, оскільки з’являються нові технології та оновлюються вже наявні. Задумайтесь над цим… Це чудово, оскільки завжди є щось нове та цікаве для вивчення!

Будьте відкритими до нового

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

🔸 Корисні поради для навчання

Тепер ви знаєте більше про програмування, мови програмування та навички успішного розробника. Розберемо декілька порад, корисних при вивченні кодування.

💡 Важливо: ці поради базуються на моєму особистому досвіді та думці.

• Оберіть одну мову програмування для вивчення. Коли ви вчитесь програмувати, дуже легко загубитись серед величезної кількості доступних шляхів. Я би порадила сфокусуватись на розумінні основних понять та одній мові програмування. Найкраще розпочати з Python та JavaScript.
• Робіть детальні нотатки. Важливо мати навички нотування, щоб записувати та аналізувати вивчені теми. Ви можете додавати власні коментарі та анотації для пояснення вивченого матеріалу.
• Постійно практикуйтесь. Ви можете вдосконалити свої навички вирішення проблем, практикуючись і вивчаючи нові техніки та інструменти. Намагайтеся займатися кожен день.

💡 Важливо: існує челендж #100DaysOfCode, до якого ви можете доєднатись для щоденної практики.

• Завжди пробуйте ще раз. Якщо ви не можете вирішити проблему з першої спроби, зробіть перерву та повертайтеся знову і знову, поки не вирішите її. Це єдиний спосіб навчитися. Вчіться на своїх помилках і вивчайте нові підходи.
• Навчіться досліджувати та шукати відповіді. Мови програмування, бібліотеки та фрейворки зазвичай мають офіційну документацію, яка пояснює їхні вбудовані елементи й інструменти та пояснює, як їх можна використовувати. Це цінний ресурс, до якого варто звернутися.
• Переглядайте Stack Overflow. Це чудова платформа. Це як онлайн-енциклопедія відповідей на поширені питання з програмування. Ви можете знайти відповіді на наявні запитання та поставити нові, щоб отримати допомогу від спільноти.
• Ставте цілі. Мотивація є одним з найважливіших факторів успіху. Встановлення цілей дуже важливе, щоб залишатися зосередженими та вмотивованими. Досягнувши своїх цілей, поставте нові, які вам здадуться складними та захоплюючими.
• Створюйте проєкти. Коли ви вчитеся програмувати, важливо застосовувати свої навички, щоб розшити знання та краще запам’ятовувати. Створення проєктів — це ідеальний спосіб практикуватися та створити портфоліо, яке можна показати потенційним роботодавцям.

🔹 Базові поняття програмування

Чудово. Якщо під час прочитання цієї публікації ви переконались, що хочете навчитись програмувати, зробимо перші кроки.

Ось базові поняття програмування, які потрібно знати:

• Змінна — це назва, яку ми присвоюємо до значення у комп’ютерній програмі. Коли ми визначаємо змінну, ми присвоюємо значення до назви та розподіляємо місце у пам’яті, щоб зберегти це значення. Значення змінної можна оновити протягом програми.
• Константа схожа до змінної. Вона зберігає значення, але його не можна змінити. Як тільки ви присвоїли значення до константи, його більше не можна змінити.
• Умова — це структура, яка дозволяє розробнику обрати, що повинен виконувати комп’ютер. Якщо умова «true», щось відбудеться; якщо «false», відбудеться щось інше.
• Цикл — це структура, яка дозволяє запустити блок коду (послідовність інструкцій) декілька разів. Цикл надзвичайно корисний, щоб уникнути повторення коду або реалізацію важчої функціональності.
• Функція дозволяє уникнути повторення коду та повторно використати наш код. Це ніби блок коду, до якого ми присвоюємо назву, але він має і деякі спеціальні характеристики. Ми можемо написати назву функції, щоб запустити цю послідовність інструкцій, не писавши їх знову.

💡 Важливо: функції можуть комунікувати з головними програмами і головні програми можуть комунікувати з функціями через параметри, аргументи та інструкції повернення.

• Клас використовують для визначення характеристик та функціональних можливостей об’єкта. Об’єкти в програмах існують так само, як і в реальному житті.
• Баг — це помилка в логіці або реалізації програми, яка призводить до неочікуваного чи неправильного результату.
• Налагодження — процес знаходження та усунення багів у програмі.
• ІСР, абревіатура для інтегрованого середовища розробки. Це середовище розробки програмного забезпечення, яке містить інструменти, необхідні для написання комп’ютерних програм (наприклад, редактор файлів, провідник, термінал і корисні параметри меню).

💡 Важливо: широко використовують безоплатне ІСР Visual Studio Code, створене Microsoft.

Чудово! Тепер ви знаєте основні поняття програмування. Як ви вже зрозуміли, кожна мова програмування має різний синтаксис, але вони поділяють більшість програмних структур та понять.

🔸 Типи мов програмування

Мови програмування можна класифікувати за різними критеріями. Якщо ви хочете навчитися програмувати, важливо вивчити основні класифікації:

За складністю

• Мови програмування високого рівня: вони призначені для розуміння людьми, і їх потрібно перетворити на машинний код, перш ніж комп’ютер зможе їх зрозуміти. Це мови, якими найчастіше користуються. Наприклад: JavaScript, Python, Java, C#, C++ та Kotlin.
• Мови програмування низького рівня: їх важко зрозуміти, оскільки вони не призначені для розуміння людьми. Вони призначені для розуміння та обробки машинами.

За перетворенням в машинний код

• Компільовані мови програмування: програми, написані таким типом мови програмування, перетворюються в машинний код компілятором. Сюди входять C, C++, Haskell та Go.
• Інтерпретовані мови програмування: програми, написані таким типом мови програмування, перетворюються в машинний код завдяки іншій програмі під назвою інтерпретатор, який відповідає за виконання коду рядок за рядком. Сюди входять Python, JavaScript, PHP та Ruby.

💡 Важливо: згідно із публікацією від freeCodeCamp:

Більшість мов програмування можуть мати як скомпільовані, так і інтерпретовані реалізації — сама мова не обов’язково компільована чи інтерпретована. Однак для простоти їх зазвичай називають саме так.

Існують й інші типи мов програмування, залежно від інших критеріїв:

• процедурні мови програмування
• функціональні мови програмування
• об’єктноорієнтовані мови програмування
• скриптові мови
• логічні мови програмування

І список типів мов програмування продовжується. Це дуже цікаво, оскільки можна аналізувати характеристики мови програмування, щоб обрати придатну для свого проєкту.

🔹 Як зробити внесок до проєктів з відкритим кодом

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

Спочатку, коли ви вчитеся програмувати, ви можете взяти участь у навчальній спільноті, як-от freeCodeCamp. Таким чином ви поділитеся своєю подорожжю з іншими, хто також вчиться програмувати.

Потім, коли ви матимете достатньо навичок і впевненості у своїх знаннях, ви зможете практикуватися, беручи участь у проєктах з відкритим кодом і приєднуючись до спільнот розробників.

Opensource.com визначає програмне забезпечення з відкритим кодом як:

Програмне забезпечення з вихідним кодом, який будь-хто може перевірити, змінити та вдосконалити.

GitHub — це онлайн-платформа для розміщення проєктів із контролем версій. Там ви можете знайти багато проєктів з відкритим кодом (наприклад, freeCodeCamp), до яких ви можете зробити свій внесок і попрактикувати навички.

💡 Важливо: багато проєктів з відкритим кодом вітають внески будь-якого рівня. Це чудова можливість практикувати свої навички та робити внески у реальні проєкти.

Внесок до проєктів з відкритим вихідним кодом на GitHub — це чудова можливість отримати новий досвід роботи та спілкування з іншими розробниками. Це ще один важливий навик для пошуку роботи в цій сфері.

Робота в команді — це чудовий досвід. Я рекомендую долучитись до команди, як тільки ви відчуєте себе достатньо комфортно зі своїми навичками та знаннями.

Що ж! Ви досягли кінця публікації. Чудова робота. Тепер ви знаєте, що таке програмування. Підіб’ємо підсумки.

🔸 Висновок

• Програмування — це надзвичайно корисна навичка. Якщо ви навчитеся програмувати, ви зможете реалізувати свої ідеї.
• Програмування застосовують у багатьох різних галузях. Ви можете знайти застосування для програмування практично в будь-якій галузі, яку виберете.
• Мови програмування можна класифікувати за різними критеріями, і вони мають спільні основні поняття, як-от змінні, умови, цикли та функції.
• Завжди ставте цілі та робіть детальні нотатки. Щоб досягти успіху як розробник, вам потрібно бути послідовним ентузіастом.

Щиро дякую, що прочитали мою публікацію. Сподіваюсь, вона була корисною. Тепер ви знаєте, чому потрібно навчитись програмувати.

🔅 Запрошую вас підписатись на мене у твіттері (@EstefaniaCassN) та ютубі (Coding with Estefania).

CSS складний, але на це можна закрити очі. Саме ця поблажливість дозволяє нам додавати стилі до CSS абияк.

Наша сторінка досі завантажується. Немає ніякого «краху».

Якщо мова йде про ширину та висоту сторінки, чи знаєте ви, що потрібно встановити для елемента HTML? А для елемента body?

Ви просто накидуєте стилі на обидва елементи і сподіваєтесь на краще?

Якщо так, ви не один.

Зазвичай над відповіддю навіть не задумуються.

Я визнаю свою провину в застосуванні стилів до обох елементів у минулому, не врахувавши, яку саме властивість потрібно застосувати до них. 🤦‍♂️

Нерідко можна побачити властивості CSS, застосовані до HTML та body, у такий спосіб:

html, body {
     min-height: 100%;
}

Це важливо?

Так, важливо.

Наведене вище визначення створює проблему:

Встановлення min-height на 100% для обох елементів не дозволяє елементу body заповнювати сторінку так, як ви очікували. Якщо ви перевірите обчислені значення в інструментах, побачите, що висота елемента body дорівнює нулю.

При цьому елемент HTML має висоту, що дорівнює видимій частині сторінки в браузері.

Подивіться на наступний знімок екрана з Chrome Dev Tools:

Чому це відбувається?

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

Елемент HTML посилається на вікно перегляду, значення висоти якого дорівнює висоті видимого вікна перегляду. Однак для елемента HTML ми встановлюємо лише min-height... НЕ значення властивості висоти.

Таким чином, елемент body не має батьківського значення висоти, на яке можна посилатися під час визначення, чому дорівнюють 100%.

Проблема може бути прихованою

Якщо ви почали з достатньою кількістю вмісту для заповнення тіла сторінки, ви могли не помітити цю проблему.

Це ще важче помітити, якщо ви встановите background-color для обох елементів, або навіть лише для одного з них, і вікно перегляду буде заповнене цим кольором. Це створює враження, що елемент body такий же високий, як вікно перегляду.

Але він досі на нулі.

Зображення вище взято зі сторінки з таким CSS:

html, body {
    min-height: 100%;
}
body { background-color: dodgerblue; }

Зворотне успадкування?

Дивним чином елемент HTML припускає background-color елемента body, якщо ви не встановите окремий background-color для елемента html.

Яке ідеальне налаштування висоти для повністю адаптивної сторінки?

Роками відповідь була така:

html {
    height: 100%;
}
body {
    min-height: 100%;
}

Це дозволяє елементу HTML посилатися на батьківське вікно перегляду та мати значення висоти, що дорівнює 100% значення вікна перегляду.

Коли елемент HTML отримує значення висоти, то значення min-height, призначене елементу body, дає йому початкову висоту, яка відповідає елементу HTML.

Це також дозволяє body рости вище, якщо вміст переростає видиму сторінку.

Єдиним недоліком є те, що елемент HTML не виростає за висоту видимого вікна перегляду. Однак дозволити елементу body переростати елемент HTML визнали прийнятним.

Сучасне спрощене рішення

body { min-height: 100vh; }

У цьому прикладі використовуються одиниці vh (viewport height; висота вікна перегляду), щоб дозволити тілу встановити мінімальне значення висоти на основі повної висоти вікна перегляду.

Подібно до обговорюваного раніше background-color, якщо ми не встановимо значення висоти для елемента HTML, він прийме те саме значення для висоти, що надано елементу body.

Тому це рішення уникає переповнення елемента HTML, присутнього в попередньому рішенні, і обидва елементи ростуть разом із вашим вмістом!

Раніше використання одиниць vh справді спричиняло деякі проблеми в мобільних браузерах, але зараз Chrome і Safari сумісні з ними.

Висота сторінки може спричинити горизонтальну смугу прокрутки

Зачекайте, що?

Хіба тут не має писати «Ширина сторінки»?

Ні.

В іншому дивному випадку висота вашої сторінки може активувати горизонтальну смугу прокрутки у вашому браузері.

Коли вміст вашої сторінки стає вищим за висоту вікна перегляду, активується вертикальна смуга прокручування праворуч. Це може призвести до того, що ваша сторінка моментально матиме ще горизонтальну смугу прокрутки.

Що з цим робити?

Ви будете спати краще, знаючи, що це починається з налаштування ширини сторінки.

Ця проблема виникає, коли будь-який елемент — а не лише елемент HTML або body — встановлено на 100vw.

Одиниці вікна перегляду не враховують приблизно 10 пікселів, які займає вертикальна смуга прокручування.

Таким чином, коли активується вертикальна смуга прокручування, ви також отримуєте горизонтальну смугу.

Як встановити сторінку на повну ширину

Можливо, просто не варто цього робити.

Якщо не встановити ширину для елементів HTML та body, то за замовчуванням буде використовуватися повний розмір екрана. Якщо ви встановили значення ширини, відмінне від auto, подумайте про скидання CSS.

Пам’ятайте, що елемент body має поле 8px з усіх боків за замовчуванням.

Скидання CSS видаляє їх. В іншому випадку встановлення ширини на 100% перед видаленням полів призведе до переповнення елемента body. Ось скидання CSS, яке я використовую:

* { 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

Як встановити ширину на свій вибір

Хоча не завжди потрібно встановлювати ширину, я зазвичай це роблю.

Це може бути проста звичка.

Якщо ви встановите ширину на 100% для елемента body, ви матимете ширину повної сторінки. По суті, це еквівалентно невстановленню значення ширини та дозволу за замовчуванням.

Якщо ви хочете використовувати елемент body як менший контейнер і дозволити елементу HTML заповнити сторінку, ви можете встановити значення max-width для body.

Ось приклад:

html { background-color: #000; } 
body {
    min-height: 100vh;
    max-width: 400px;
    background-color: papayawhip; 
    margin: 0 auto;
}

Висновок

Якщо для елемента HTML не надано значення висоти, то встановлення висоти та/або min-height елемента body на 100% призведе до відсутності висоти (перед додаванням вмісту).

Однак, якщо для елемента HTML не надано значення ширини, то встановлення ширини елемента body на 100% призведе до ширини повної сторінки.

Це може бути суперечливим і заплутаним.

Для адаптивної висоти повної сторінки встановіть min-height елемента body на 100vh.

Якщо ви встановлюєте ширину сторінки, виберіть 100% замість 100vw, щоб уникнути несподіваних горизонтальних смуг прокрутки.

Чи є у вас інший спосіб налаштування CSS ширини та висоти, якому ви віддаєте перевагу?

Поділіться своїм методом!