Научете като правите: 8-те най-добри уебсайта за интерактивно кодиране

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

Гледането на видеоклипове и четенето на уроци онлайн ще ви стигне само дотук. За да станете страхотен програмист, ще ви е необходима тона практика. Така че за начинаещи, препоръчвам да решите много предизвикателства с кода и да работите върху няколко малки проекта.

Този списък е комбинация от мои собствени изследвания и някаква помощ от хора в онлайн кодиращи общности като Coderbyte, r / learnprogramming, Newbie Coder Warehouse и Medium.

Пълно начинаещо до начинаещо ниво

На този етап вие сте напълно нови в кодирането или се научавате да кодирате от няколко седмици. Опитайте и научете основите на HTML и CSS, но не се побърквайте, като се опитвате да запаметите всички тагове и свойства за тях. Научете някои JavaScript и практикувайте кодиране, за да можете да вземете синтаксиса на този етап. Трябва да ви е удобно да решавате няколко основни предизвикателства за кодиране и трябва да знаете синтаксиса на HTML, CSS и JavaScript (или Python, Ruby и т.н.) сравнително добре.

  1. Код училище
    Страхотно за начинаещи. Съдържа видеоклипове и прости интерактивни предизвикателства.
  2. Codecademy
    За пълноценни начинаещи, които първоначално учат език. Добър уебсайт за изучаване на основите за HTML и CSS.
  3. freeCodeCamp
    Съдържа много уроци и интерактивни предизвикателства, които ще ви помогнат да научите HTML, CSS и JavaScript. Пример тук.
  4. Къща на дърво
    Друг чудесен вариант, ако сте начинаещ, започващ да се учи да кодира. Те предлагат видео курсове, заедно с някои интерактивни предизвикателства.

Новак до средно ниво

Може би след един-два месеца да се научите да кодирате (ако учите редовно), трябва да започнете да практикувате - много! Трябва да се чувствате удобно с писането на основни алгоритми, които включват хеш-таблици, масиви, цикли, манипулация на низове и др. Ако се интересувате от уеб разработка, тогава също трябва да можете да създавате прости потребителски интерфейси и уебсайтове сравнително бързо с някакъв основен HTML и CSS.

  1. Coderbyte
    Практикувайте тук да решавате кодови предизвикателства и да прилагате различни алгоритми и структури от данни. Можете също да видите кодовите решения на други хора, за да видите как те решават предизвикателства.
  2. DataCamp
    Ако науката за данни ви интересува, тогава този уебсайт има страхотен онлайн редактор, където можете да кодирате в Python и R.
  3. HackerRank
    Друг уебсайт за практикуване на решаване на кодови предизвикателства с много уроци за различни алгоритми.
  4. CodinGame
    Този уебсайт предлага на потребителите възможността да решават кодиращи предизвикателства, които са пряко обвързани с онлайн игрите. Доста готина концепция.

Средно до напреднало ниво

След като се почувствате, че имате разбиране за основите на програмирането (напр. Научихте някои HTML / CSS / JS + може би език за задния край и някаква база данни) и сте в състояние да решите комфортно предизвикателствата на кода (напр. 5-те най-трудни кодови предизвикателства за начинаещи ) и създадохте няколко малки проекта, тогава мисля, че следните ресурси ще ви помогнат да се ориентирате в правилната посока, за да станете страхотен разработчик на софтуер.

  • Ръководство за ставане на пълен стек програмист през 2017 г.
  • Подобряване на алгоритмите и уменията за структура на данни
  • Динамично програмиране - от новак до напреднал
  • Презареждане на публикация: Статии за уеб производителност (много добри)
  • Блогът на Netflix Tech: Разширена архитектура и теми за мащабиране

Благодаря за четенето, надявам се да ви е харесал списъка с уебсайтове, които съставих заедно!