7 най-добри безплатни урока за обучение за реагиране и правене на уеб приложения

реклама

В момента React не само е в разгара на своята популярност, но и популярността му се ускорява. Доколкото Загрижеността за уеб уебсайта е загрижена Програмиране vs. Уеб разработка: каква е разликата?Може да мислите, че приложните програмисти и уеб разработчиците вършат същата работа, но това е далеч от истината. Ето основните разлики между програмистите и уеб разработчиците. Прочетете още , React е една от най-лесните рамки за научаване и една от най-ефективните за бързо и стабилно развитие.

Така че, ако сте решили да го научите, потупвайте се по гърба: направихте интелигентен избор.

Единственият проблем е, че най-полезните курсове на React идват с огромна цена. Например високооценените Курс Реагирайте за начинаещи е $ 89 (стартова версия) и $ 127 (главна версия). Безплатните курсове рядко са толкова изчерпателни и полезни - но ние открихме няколко такива отлично и ще започнете на десния крак Какво прави добър урок за програмиране?Не всички уроци по програмиране са равни. Някои полза вие и други в крайна сметка губите времето си. Ето какво да търсите в урок за качествено програмиране.

Прочетете още .

1. Курс за основни обучения за реагиране

Тайлър МакГинис е известен разработчик и инструктор на React, който преподава и пише за React от години. Понастоящем има четири курса на разположение на React Training [Няма по-дълги налични], първият от които е напълно безплатен и служи като входна точка за останалите.

Реагирайте основи е разделен на 32 видео урока, които добавят до три пълни часа обучение. Ще научите всичко необходимо, за да стартирате и стартирате основно приложение React (т.е. React ecosystem, NPM, Babel и Webpack), основните концепции и жизнения цикъл, които задвижват приложенията React, как да пишат правилно компоненти и как да предават данни наоколо.

Плътно е Той е информативен. Това е перфектното въведение и фактът, че МакГинис го предлага безплатно е доста страхотно. Това трябва да бъде първата ви спирка, когато научите React.

уебсайт - Курс за реагиране на основи [няма по-дълги налични]

2. Хакване с Реакция

Хакване с Реакция е електронна книга, която е напълно безплатна, корица за корица, ако четете само уеб версия. Можете да вземете PDF, EPUB или MOBI версия, която можете да изтеглите, за 10 долара, ако предпочитате да я вземете със себе си и да научите офлайн. Така или иначе, това е страхотен ресурс за начинаещи, които не обичат видеоклипове.

Тя започва от самото начало, обяснявайки основни понятия като JSX и компоненти и реквизити, и държи ръката ви, докато преминавате към междинни теми като състояния, маршрутизация, тестове, връзки и Повече ▼. Написано е в ES6 започнете да завършвате и по този начин ще научите най-добрите практики, включително Babel, Webpack и ESLint.

Ще ви направи ли React експерт? Не, но това ще да ви е достатъчно удобно, за да се чувствате уверени и да продължите да се учите. Най-малкото, ще знаете повече от достатъчно React, за да решите дали да харчите пари за усъвършенстван премиен курс другаде.

уебсайт — Хакване с Реакция

3. Официалният урок за реагиране

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

Това се казва, официалният урок за React е фантастично, след като научите основните концепции на React и се мъчите да ги приложите на практика. Това ви отвежда чрез създаването на уеб приложение tic-tac-toe, използващо нищо повече от компоненти, реквизити и състояние. Той преодолява пропастта между абстрактната теория и практическото приложение.

Аз също препоръчвам да проверите официална Реактивна документация, което обяснява всеки бит на React с изненадващо количество детайли. По-специално, на Мислене в React страницата е като миниурок за разбиране на идиомите, които задвижват React. Не се страхувайте да се обръщате отново към документацията на React, докато научавате и създавате свои собствени приложения.

уебсайт — Официалният урок за реагиране и Мислене в React

4. Курсът за реагиране на основите на Egghead

дървен философ предлага десетки курсове (стотици уроци) по различни теми за уеб разработка: JavaScript, Angular, React, RxJS, Node, TypeScript и др. React е третата по големина тема в сайта и въпреки че повечето от курсовете са за първокласни потребители, има пет достъпни безплатно:

• Започнете да използвате React за изграждане на уеб приложения
• Добавете маршрутизиране към реагиращи приложения с помощта на React Router v4
• Първи стъпки с Redux
• Изграждане на реагиращи приложения с Idiomatic Redux
• Управление на сложно състояние в React Apps с MobX

Първите две са най-важните, но вероятно ще искате да ги вземете в някакъв момент (оптимално в посочения ред). Курсовете предполагат, че вече знаете JavaScript, така че проверете JavaScript курсовете на Egghead ако все още не ви е удобен езикът 7 полезни трика за овладяване на нов език за програмиранеДобре е да бъдете претоварени, когато се научите да кодирате. Вероятно ще забравите нещата толкова бързо, колкото ги научите. Тези съвети могат да ви помогнат да запазите по-добре цялата тази нова информация. Прочетете още .

Имайте предвид, че премиум курсовете също са доста добри и си струва да проверите дали можете да си позволите Pro абонамента: 40 долара на месец или 200 долара годишно.

уебсайт — Курсът за реагиране на основите на Egghead

5. Научете React и Redux с кабина

Въпреки че Redux не е част от основната рамка React, те толкова често се използват заедно, че наистина трябва да го научите. И дори ако в крайна сметка се отдалечите от Redux, можете да вземете концепциите със себе си и да ги приложите към всичко, което в крайна сметка използвате вместо него.

кабина е поредица от 10 части, която ще ви научи как да създадете опростено приложение за социална мрежа от нулата: инсталиране на Node / React / Webpack, разбиране как работи React, включващ Redux, справяне с функции на социалната мрежа като емисии и известия, обработка на изображения и филтри като Instagram и Повече ▼.

Последната част е преглед на „най-добрите практики“, който не само ви учи на най-ефективния начин да използвате и организирате React / Redux, но също така често срещани грешки, които трябва да избягвате, как да създадете мащабируемо приложение и как да използвате инструменти на трети страни, за да улесните развитието си работния процес.

уебсайт — Научете React и Redux с кабина

6. Курсът за реагиране на Академията на LearnCode

През последните няколко години, LearnCode Academy се отличи като един от най-добрите канали за програмиране в YouTube 17-те най-добри уроци за програмиране в YouTubeВ тази публикация бихме искали да ви насочим към някои от най-добрите сериали за програмиране на YouTube, които открихме. Всичко това е достатъчно, за да намокрите краката си като начинаещ програмист. Прочетете още . Тя е специализирана в уеб разработката и обхваща всички видове теми, вариращи от HTML, CSS и JavaScript до специфични рамки като Angular и React. И всичко е безплатно.

Курсът е разделен на три секции: осем видеоклипа на основните React концепции, шест видеоклипа за използване на Flux за архитектура на данни и седем видеоклипа за използване на Redux за управление на състоянието. Всичко това става с помощта на съвременни практики, включително ES6 и Webpack.

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

уебсайт — Курсът за реагиране на Академията на LearnCode

7. Реактивната конвенция

Някои програмисти предпочитат да кодират чрез конвенция - тоест да се придържат към определен набор от дизайнерски решения („конвенции“) от проект за проектиране, за да се сведе до минимум сложността и да се ускори процеса на развитие, особено в ранния етап на новото проекти. Тази онлайн електронна книга има за цел да представи един вид конвенция, която React разработчиците могат да следват.

Преди да се потопите в това обаче, вече трябва да сте добре запознати с ES6, удобен с React Framework и да разберете основите на Redux. Тази електронна книга сама по себе си не е за начинаещи. По-скоро е полезно за междинните продукти, които се чувстват претоварени и не са сигурни как да превърнат своите знания React / Redux в уеб приложения от нулата.

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

уебсайт — Реактивната конвенция

Така че научихте Реагирайте: Сега какво?

С тези уроци под колана си трябва да сте повече от знаещи, за да започнете да правите свои собствени уеб приложения с React. В този момент всичко, което е останало, е да практикувате, да практикувате, да практикувате. И което е особено готино е, че можете по-късно използвайте React Native за създаване на мобилни приложения За да създадете приложение за Android, трябва да научите тези 7 езика за програмиранеКой език за програмиране е подходящ за създаване на приложения за Android? Тя се свежда до вашата история на програмиране и кои езици се чувствате най-удобно да използвате. За щастие имате опции. Прочетете още - но не изпреварвайте себе си. Придържайте се към уеб приложения, докато не сте уверени.

Това ще бъде труден път, затова препоръчваме да разгледате нашата статия за научаване как да програмирате без стрес Как да научите програмиране без целия стресМоже би сте решили да се занимавате с програмиране, било то за кариера или просто като хоби. Страхотен! Но може би започвате да се чувствате претоварени. Не е толкова страхотно. Ето помощ за улесняване на пътуването ви. Прочетете още . Само защото се борите не означава не сте изрязани да бъдете програмист 6 признака, че не искате да бъдете програмистНе всеки е изрязан да бъде програмист. Ако не сте напълно сигурни, че имате намерение да бъдете програмист, ето някои признаци, които могат да ви насочат в правилната посока. Прочетете още !

За повече обучение, вижте най-добрите курсове, за които си струва да заплатите в Coursera 11-те най-добри сайтове за безплатни онлайн курсове за компютърно програмиранеИзползвайки тези безплатни онлайн курсове за компютърно програмиране, можете да станете страхотен кодер без образователна степен по компютърни науки. Прочетете още .

Дано тези безплатни уроци помогнаха! Ако знаете за други безплатни ресурси на React, които сме пропуснали, моля, уведомете ни в коментар по-долу.

Кредитна снимка: guteksk7 чрез Shutterstock.com