Навчіться кодувати початківців
У цей день та вік навчання кодування може дати вам величезну перевагу. Ми живемо в час, коли ІТ стали всюдисущими. Практично в кожній галузі праці або галузі є або прийнято серйозно розглядатися питання про включення таких понять, як Big Data, ІТ, веб-розробка тощо. Трохи знань з кодування може пройти довгий шлях.
На щастя, сучасне кодування набагато простіше, ніж те, що було раніше. Для не розробників навчання кодування може здатися дуже непростим. Але в Інтернеті є багато інструментів, як безкоштовних, так і платних, які полегшують навчання кодуванню. Залежно від наявного часу, ви могли навчитися кодувати за кілька восьми-десяти тижнів. Це може зайняти більше часу або навіть менше. Все залежить від вас, але вивчити кодування не так надумано і неможливо, як було раніше; це, безумовно, можливо.
Ось перегляньте кілька кроків та ключових речей, які потрібно виконати та знати, щоб навчитися кодувати. Дізнайтеся більше про них в Інтернеті, і ви зможете створити власний прототип за короткий час. Не забудьте продовжувати вчитися та практикувати. Постійна практика - це те, що робить будь-якого розробника кращим.
-
Познайомтеся з ключовими та кодовими термінами
Для багатьох людей кодування виглядає заплутаною - це її термінологія. Тож ознайомтеся з ключовою термінологією кодування. Ключовим завданням для складання прототипу є те, що про них потрібно знати багато компонентів. Ось огляд деяких із цих компонентів, але пам’ятайте, що для повного їх розуміння може знадобитися певний час. У деяких випадках ви не можете їх повністю зрозуміти навіть після того, як побудуєте свій прототип.
Давайте розберемося в цих компонентах, описуючи весь процес відвідування користувачем веб-сайту. Спочатку вони вводять адресу чи URL-адресу вашого веб-сайту. Після натискання клавіші введення браузер надсилає запит через Інтернет на машину, на якій працює веб-сайт. Ця машина є сервером.
-
Сервер:
По суті, сервери - це комп'ютери, які містять весь вміст, дані та кодування для запуску вашого веб-сайту. Він отримує запити від інших комп'ютерів клієнта / користувача. Ви можете придбати власний сервер, який коштує дорого, або ви можете взяти напрокат сховища на них, що і робить більшість фізичних осіб або малих та середніх підприємств. Доступні веб-сервіси Amazon, Slicehost та інші популярні веб-хости. Сервер містить програмне забезпечення, яке обробляє запит користувача. Це програмне забезпечення називається веб-сервером, наш наступний великий компонент.
-
Веб-сервер:
Веб-сервери - це програмне забезпечення на вашому сервері, яке отримує та надсилає запити та відповіді від та до користувача. Запити та відповіді зазвичай знаходяться у Hyper Text Markup Language (HTML), що є універсальною мовою в Інтернеті. Nginx a Apache - популярні веб-сервери. Хоча вам не доведеться занадто сильно забруднювати руки на веб-серверах, вам потрібно знати, як мінімум перезапустити сервер, оскільки проблеми з сервером є найбільш типовою проблемою, з якою стикається будь-який веб-розробник чи оператор веб-сайту.
Тож тепер ми знаємо, що робить сервер та веб-сервер. Користувач надсилає запит на сервер, і настав час відповісти серверу. Сервер повинен доставити дані, характерні для запиту клієнта, і відобразити ці дані у форматі, зрозумілому веб-браузері користувача. Як це робити? Він надсилає запит на наступний наш головний компонент: рамки веб-додатків.
-
Рамка веб-додатків:
Рамки веб-додатків, мабуть, найважливіший компонент для веб-розробника. Вони несуть відповідальність за отримання запитів та створення HTML-сторінки, яку потрібно повернути користувачеві. Тут виконується вся робота. Ruby on Rails та Django, побудовані в Python, - популярні приклади та найкращі з них. Коли ми говоримо про найкращий код, який слід дізнатись для початківців, саме тут ви б провели більшу частину свого часу, тому що саме там відбудеться все кодування. Не надто критично вивчати кожну деталь про обрані рамки; ви з часом отримаєте зависання і практикуєте. Потрібно знати досить, щоб розробити структури даних і петлі. Для інструментів ви можете виконати більшу частину програмування на Textmate. GitHub - це хороший варіант керування вашими версіями.
Отже, рамки веб-додатків роблять всю важку роботу, але фактично не зберігають дані. Де засновані всі дані? У базі даних: наступний наш основний компонент.
Рекомендовані курси
- Програма маршрутизації IP
- Курси хакерського програмування
- Тренінг з RMAN
- Інтернет-навчання Python
-
База даних:
Бази даних зберігають усі дані для вашого веб-сайту та веб-додатків. Вони схожі на справді величезні таблиці Excel із рядком за рядком даних. MySQL - одна з найпопулярніших баз даних. У той час як ви повинні навчитися виконувати основні запити з бази даних та як змінювати структуру, ви можете використовувати саму основу для управління способом взаємодії з базою даних.
Таким чином, у вас є рамка веб-додатків, яка може створювати HTML-сторінки та відправляти їх назад на веб-сервер. Але вам ще потрібно розробити шаблони в HTML і CSS, які складають наступний головний компонент.
-
HTML і CSS:
HTML - це універсальний формат веб-сторінок, а таблиця стилів Cascade або CSS - додатковий файл, який використовується для стилю HTML. Це насправді одна з найпростіших частин навчання кодування. Це не програмування, але знаючи це може дати вам величезну перевагу. Ви можете бути готовими до написання власної HTML-сторінки протягом тижнів. Що стосується інструментів, Firebug на Firefox - один з найкращих інструментів для учнів. PSD2HTML також рекомендується перетворити файли Photoshop у HTML.
-
JavaScript:
JavaScript - шостий і заключний компонент; це мова програмування, що працює в браузері користувача. Це означає, що це мова програмування на стороні клієнта, яка може маніпулювати вмістом сайту без того, щоб користувач перезавантажував всю сторінку. Він не є необхідним компонентом, але більшість веб-сайтів використовують його, оскільки він може значно покращити роботу користувачів. Вам слід навчитися користуватися jQuery, бібліотекою, написаною на JavaScript, що полегшує роботу з інтерфейсом користувача на сторінці. Просто дізнайтеся достатньо про jQuery, щоб досягти бажаних удосконалень.
-
Ознайомтесь із середовищем розвитку та виробництва
У вас виникне середовище розробки та виробництва при запуску веб-сайту. Середовище розробки - це те, де ви будете працювати над своїм прототипом. Звичайні користувачі не матимуть доступу до цієї частини вашого сайту. По суті це лише робоча версія вашого веб-сайту з кодом та ін, що працює на локальній машині. Це краще робити на Mac, ніж на ПК.
Виробниче середовище - це місце, де буде розміщена пряма версія вашого веб-сайту. Це те, що користувач зможе отримати доступ. Ви працюєте над своїм середовищем розробки, а потім підштовхуєте кінцевий продукт до виробничого середовища.
-
Більше абревіатур та термінів
Існує дуже багато інших абревіатур і термінів, які регулярно використовуються під час кодування. Тепер, коли ви знаєте основні компоненти, однак ці абревіатури повинні бути набагато простішими для розуміння та вписуватися в ширшу картину. Ось перегляд деяких найпопулярніших:
Perl, Java, PHP: це такі мови програмування, як Ruby та Python
- XML: це формат, подібний HTML, і зазвичай використовується API (див. Нижче)
- API: API - це по суті спосіб взаємодії веб-сайтів один з одним. Наприклад, якщо ви хочете відобразити певний вміст або елементи з іншого веб-сайту, ви використовуєте API цього веб-сайту. Тож ваш веб-сайт надсилає запит на інший веб-сайт щодо цього вмісту або елемента, а веб-сайт надсилає вам назад XML-файл, що містить запитуваний вміст. Потім ваш веб-сайт зчитує ці файли XML і додає їх.
- JSON: Короткий термін для повідомлення про об'єкти JavaScript, JSON - це просто інший формат для розміщення даних, який набагато простіше, ніж XML. Більшість API насправді мають можливість надсилати вам дані JSON разом із даними, відформатованими XML, якщо бажаєте.
- AJAX: Короткий варіант для асинхронного JavaScript та XML, це метод взаємодії веб-сайту та сервера без перезавантаження всієї сторінки. Це дуже схоже на те, як ви отримуєте оновлення статусу у Facebook чи Twitter без необхідності перезавантажувати сторінку. Давайте подивимось у Facebook. Коли ви натискаєте кнопку "Like", JavaScript на сторінці надсилає запит на сервер, який повідомляє його про вашу дію, не перезавантажуючи саму сторінку.
-
Навчання Python
Тепер, коли ви знаєте терміни, абревіатури та основні компоненти, настав час скрутити рукави та навчитися деякому кодуванню. Почніть з вступного розуміння Python та будь-якої рамки веб-додатків, яку ви вирішите працювати. Якщо ви вибрали Python, ось кілька хороших варіантів:
Дізнайтеся Python на важкому шляху: формат звучить жорстко, але насправді це дозволяє легко зрозуміти основні поняття. Більшість уроків займає десять хвилин або менше. Але як тільки ви перейдете до більш досконалих концепцій, це може бути не правильним інструментом для вас.
Класи Google Python: тут ви знайдете безліч відео та приміток, а також пов’язані з ними вправи. Вирішіть ці вправи самостійно, поки не отримаєте їх правильно, не посилаючись на відповіді. Весь досвід боротьби з вправами може бути величезним інструментом навчання.
В Інтернеті доступно багато інших ресурсів. Рекомендується приєднатись до декількох з них і зробити кілька перших уроків із наявних варіантів, перш ніж вибрати один. Після заповнення одного ресурсу ви можете переглядати інші, щоб знайти поняття, з якими ви не до кінця знайомі, та отримати більшу практику.
-
Навчання Джанго
Існує дуже корисний підручник з Джанго, який допоможе вам дізнатися майже все, що потрібно знати про цей інструмент. Пропрацюйте підручник, щоб сформувати свій код, а потім видаліть його все і повторіть його. Пам'ятайте, що практика робить ідеальною. Перший раз, коли ви будете слідувати навчальному посібнику, ви, ймовірно, просто будете виконувати покрокові інструкції, фактично не розуміючи кожного кроку. Як це робити частіше, ви звикнете до понять і краще зосередитесь на тому, як деталі працюють разом.
-
Дізнайтеся більше про Python та загальне програмування
На цьому етапі у вас є готовий фундамент, і саме час дізнатися більше про Python та загальне програмування. Є ще раз доступні варіанти. Ось деякі з них:
Вступний клас CS від Udacity: Курси, як правило, сім сесій і проходять самостійно, тому не хвилюйтесь про терміни. Клас Intro CS зазвичай займає два місяці, і дуже рекомендується після цього перейти до проміжного класу програмування або класу веб-розробки.
Вступний курс CS, підрозділ 1 від MIT: Це дуже добре навчений курс, а також цілком доступний. Шукайте ще декілька в Інтернеті, щоб дізнатися більше таких ресурсів, і відібрайте їх, щоб дізнатися, що найкраще підходить для вас. Ви навіть можете зробити більше, ніж зміцнити свої знання.
-
Практика, практика, практика
Тепер ви повинні мати всі навички та знання, щоб хоча б побудувати власний прототип. Але це буде непросто. І вам, мабуть, не вдасться відразу. Почніть з прикладу деяких вправ у Джанго. Вони не такі ручні, як підручник з Джанго, але вони все ще дають достатньо вказівок тим, хто з вас ще не готовий зняти навчальні колеса.
-
Побудуйте прототип
Ви володієте вміннями, знаннями та практикою. Тепер саме час фактично побудувати свій прототип. На цьому етапі ви могли побудувати його і протягом вихідних! Майте на увазі, що вам можуть не сподобатися кінцеві результати, але це відправна точка, і в кінці цього ви отримуєте задоволення від побачення результатів власного кодування.
Висновок
В кінці всього цього ви перейдете до "що кодування?" до побудови функціонального прототипу. Це гідно похвали прямо там. Але пам’ятайте, що подорож ще далеко не закінчена. Насправді це тільки починається. Продовжуйте створювати прототипи як і коли зможете, і спробуйте різні. Продовжуйте це робити, і ви можете стати грізним розробником протягом місяців.
Ви також можете потрапити в складніші компоненти, такі як веб-сервер і база даних. Навіть якщо ви самі не станете основним програмістом, ви все одно матимете чітке розуміння того, як працює процес розробки, і ви зможете дати чіткі та відповідні дані команді розробників. Більше того, ви б краще розуміли, що можна зробити, а що неможливо, і скільки часу знадобиться, щоб все було зроблено.
Рекомендовані статті: -
Ось кілька статей, які допоможуть вам отримати більш детальну інформацію про Кодекс, тому просто перейдіть за посиланням.
- Веб-розробник проти веб-тестеру?
- Поради та рекомендації Microsoft Excel (електронна таблиця)
- Питання для інтерв'ю AJAX
- HTML5 проти Flash
- Кодування проти програмування
- Питання та відповіді щодо інтерв'ю Python
- Python та Django для веб-розробки
- Особливості в Adobe Photoshop Elements 14
- Важливо перед запуском веб-сайту