1. Клон Notion
Приложение Notion полюбилось многим, оно позволяет оптимизировать рабочий процесс, работать с документами, планировать задачи, синхронизировать данные между устройствами.
Чему вы научитесь, создавая клон Notion:
- . Пользователь может «схватить мышкой» draggable элемент и поместить его в droppable зону.
- Как синхронизировать в режиме реального времени данные между компьютером и смартфоном.
- Мы позволяем пользователям создавать, читать, обновлять и удалять записи, тем самым мы тренируем CRUD-навыки.
Greinin var þýdd með stuðningi EDISON Software, sem Og .
2. Клон Repl.it
Repl.it -это инструмент для совместного редактирования кода в реальном времени. Можно выбрать несколько языков: JavaScript, Python, Go и выполнять код прямо в браузере. Очень полезно для быстрых демонстраций и код-интервью.
Чему вы научитесь, создавая клон Repl.it:
- Как запускать и выполнять код (server-side) в браузере (client-side).
- Считывать входные данные (исходный код) и выводить на экран результат выполнения.
- Как создавать файлы и папки в вебе и сохранять результаты.
- Как подсвечивать синтаксис кода.
3. Клон Google Photos
Google Photos это сервис для хранения и обмена фоток.
Любое современное приложение по работе с фотографиями умеет выполнять базовые функции: загружать, обрезать и пр. Люди хотят создавать свои аватарки и делиться фотками котиков, поэтому надо уметь работать с изображениями.
Чему вы научитесь, создавая клон Google Photos:
- Как создавать адаптивные изображения на телефонах, планшетах, ноутбуках и даже на гигантских экранах телевизоров.
- Как обрабатывать загрузку изображений, особенно больших изображений (>1МБ) и массовых загрузок.
- Обработка файлов изображений, обрезка и изменение размера фотографий для миниатюр или при открытии галереи.
- Bónus: как хранить изображения в облаке или локальной базе данных.
4. Клон Gifsky
конвертирует видео в GIF используя функции для эффективных палитр кросс-кадров и временного сглаживания. В результате получается гифка с тысячами цветов на кадр.
Чему вы научитесь, создавая клон Gifski:
- Как конвертировать видео файлы (.mp4 в .gif).
- Как использовать API Drag and Drop HTML.
- Как работают оптимизация и обработка изображений.
Ath: и есть на GitHub!
5. Мониторинг курсов криптовалют
React Native cryptocurrency tracker
Чему вы научитесь, создавая трекер курса валют:
- Как работать с API и получать данные удаленно из API.
- Как отобразить данные в виде списка.
- Bónus: Если вам интересно, я недавно написал на криптовалюту с React Native.
Ath: Hér .
Подборка проектов из предыдущих публикаций.
lag
Layer er samfélag þar sem allir geta teiknað pixla á sameiginlegu „borði“. Upprunalega hugmyndin fæddist á Reddit. R/Layer samfélagið er myndlíking fyrir sameiginlega sköpun, að allir geti verið skaparar og lagt sitt af mörkum til sameiginlegs málefnis.
Það sem þú munt læra þegar þú býrð til þitt eigið Layer verkefni:
- Hvernig JavaScript striga virkar Að vita hvernig á að stjórna striga er mikilvæg kunnátta í mörgum forritum.
- Hvernig á að samræma notendaheimildir. Hver notandi getur teiknað einn pixla á 15 mínútna fresti án þess að þurfa að skrá sig inn.
- Búðu til kökulotur.
Squoosh
Squoosh er myndþjöppunarforrit með mörgum háþróuðum valkostum.
GIF 20 MB
Með því að búa til þína eigin útgáfu af Squoosh muntu læra:
- Hvernig á að vinna með myndastærðir
- Lærðu grunnatriði Drag'n'Drop API
- Skildu hvernig API og atburðahlustendur virka
- Hvernig á að hlaða upp og flytja út skrár
Ath: Myndþjöppan er staðbundin. Það er ekki nauðsynlegt að senda viðbótargögn á netþjóninn. Þú getur haft þjöppuna heima, eða þú getur notað hana á netþjóni, að eigin vali.
Reiknivél
Láttu ekki svona? Í alvöru? Reiknivél? Já, einmitt, reiknivél. Að skilja grunnatriði stærðfræðiaðgerða og hvernig þær vinna saman er mikilvæg færni til að einfalda forritin þín. Fyrr eða síðar verður þú að takast á við tölur og því fyrr því betra.
Með því að búa til þína eigin reiknivél muntu læra:
- Vinna með tölur og stærðfræðiaðgerðir
- Æfðu þig með API fyrir viðburðahlustendur
- Hvernig á að raða þáttum, skilja stíl
Skrið (leitarvél)
Allir hafa notað leitarvél, svo hvers vegna ekki að búa til þína eigin? Skriða þarf til að leita að upplýsingum. Allir nota þau á hverjum degi og eftirspurnin eftir þessari tækni og sérfræðingum mun bara aukast með tímanum.
Google leitarvél
Það sem þú munt læra með því að búa til þína eigin leitarvél:
- Hvernig skriðar virka
- Hvernig á að skrá síður og hvernig á að raða þeim eftir einkunn og orðspori
- Hvernig á að geyma verðtryggðar síður í gagnagrunni og hvernig á að vinna með gagnagrunninn
Tónlistarspilari (Spotify, Apple Music)
Allir hlusta á tónlist - hún er bara órjúfanlegur hluti af lífi okkar. Við skulum búa til tónlistarspilara til að skilja betur hvernig grunntækni nútíma tónlistarstraumsvettvangs virkar.
Spotify
Það sem þú munt læra með því að búa til þinn eigin tónlistarstraumsvettvang:
- Hvernig á að vinna með API. notaðu API frá Spotify eða Apple Music
- Hvernig á að spila, gera hlé á eða spóla til baka í næsta/fyrra lag
- Hvernig á að breyta hljóðstyrk
- Hvernig á að stjórna notendaleiðum og vafrasögu
Kvikmyndaleitarforrit með React (með krókum)
Það fyrsta sem þú gætir byrjað á er að búa til kvikmyndaleitarforrit með React. Hér að neðan er mynd af því hvernig lokaumsóknin mun líta út:
Hvað muntu læra
Með því að smíða þetta forrit muntu bæta React færni þína með því að nota tiltölulega nýja Hooks API. Dæmiverkefnið notar React íhluti, fullt af krókum, utanaðkomandi API og auðvitað smá CSS stíl.
Tæknistafla og eiginleikar
- Bregðast við með krókum
- búa til-bregðast við-app
- JSX
- CSS
Án þess að nota neina flokka gefa þessi verkefni þér hið fullkomna inngangspunkt í hagnýt React og munu örugglega hjálpa þér árið 2020. þú getur fundið . Fylgdu leiðbeiningunum eða gerðu það að þínu eigin.
Spjallforrit með Vue
Annað frábært verkefni fyrir þig að gera er að búa til spjallforrit með því að nota uppáhalds JavaScript bókasafnið mitt: VueJS. Forritið mun líta eitthvað svona út:
Hvað muntu læra
Í þessari kennslu muntu læra hvernig á að búa til Vue app frá grunni - búa til íhluti, meðhöndla ástand, búa til leiðir, tengjast þjónustu þriðja aðila og jafnvel meðhöndla auðkenningu.
Tæknistafla og eiginleikar
- Vue
- vuex
- Vue leið
- CLI útsýni
- Pusher
- CSS
Þetta er virkilega frábært verkefni til að byrja með Vue eða bæta núverandi færni þína til að komast í þróun árið 2020. þú getur fundið .
Fallegt veðurapp með Angular 8
Þetta dæmi mun hjálpa þér að búa til fallegt veðurforrit með því að nota Angular 8:
Hvað muntu læra
Þetta verkefni mun kenna þér dýrmæta færni í að byggja upp forrit frá grunni - frá hönnun til þróunar, alla leið til dreifingar-tilbúið forrits.
Tæknistafla og eiginleikar
- Hyrndur 8
- Firebase
- Tjónahlið flutningur
- CSS með Grid og Flexbox
- Farsímavænt og aðlögunarhæfni
- Dökkur háttur
- Fallegt viðmót
Það sem ég virkilega elska við þetta alltumlykjandi verkefni er að þú lærir ekki hlutina í einangrun. Þess í stað lærir þú allt þróunarferlið, frá hönnun til loka dreifingar.
Verkefnisforrit sem notar Svelte
Svelte er eins og nýi strákurinn í íhlutabundinni nálgun - að minnsta kosti svipað og React, Vue og Angular. Og þetta er ein heitasta nýja vara ársins 2020.
Verkefnisforrit eru ekki endilega heitasta umræðuefnið, en það mun virkilega hjálpa þér að skerpa á Svelte-kunnáttu þinni. Það mun líta svona út:
Hvað muntu læra
Þessi kennsla mun sýna þér hvernig á að búa til forrit með Svelte 3, frá upphafi til enda. Þú munt nota íhluti, stíl og viðburðastjórnun
Tæknistafla og eiginleikar
- Svelte 3
- Hluti
- Stíll með CSS
- ES 6 setningafræði
Það eru ekki mörg góð Svelte byrjendaverkefni, svo ég fann .
Rafræn viðskipti app með Next.js
Next.js er vinsælasta ramminn til að smíða React forrit sem styðja flutning á netþjóni út úr kassanum.
Þetta verkefni mun sýna þér hvernig á að búa til rafræn viðskipti sem lítur svona út:
Hvað muntu læra
Í þessu verkefni muntu læra hvernig á að þróa með Next.js—búa til nýjar síður og íhluti, draga út gögn og stíla og setja upp Next forrit.
Tæknistafla og eiginleikar
- Next.js
- Íhlutir og síður
- Sýnataka úr gögnum
- Styling
- Verkefnadreifing
- SSR og SPA
Það er alltaf frábært að hafa raunverulegt dæmi eins og netverslunarforrit til að læra eitthvað nýtt. Þú getur .
Fullbúið fjöltyngt blogg með Nuxt.js
Nuxt.js er fyrir Vue, það sem Next.js er fyrir React: frábær umgjörð til að sameina kraft birgingar á netþjóni og forrita á einni síðu
Lokaforritið sem þú getur búið til mun líta svona út:
Hvað muntu læra
Í þessu sýnishornsverkefni lærir þú hvernig á að búa til fullkomna vefsíðu með Nuxt.js, frá upphaflegri uppsetningu til lokauppsetningar.
Það nýtir sér marga af þeim flottu eiginleikum sem Nuxt hefur upp á að bjóða, svo sem síður og íhluti, og stíl með SCSS.
Tæknistafla og eiginleikar
- Nuxt.js
- Íhlutir og síður
- Storyblock mát
- Hagfiskur
- Vuex fyrir ríkisstjórnun
- SCSS fyrir stíl
- Nuxt millivörur
, sem inniheldur marga frábæra Nuxt.js eiginleika. Ég persónulega elska að vinna með Nuxt svo þú ættir að prófa það þar sem það mun líka gera þig að frábærum Vue verktaki.
Bloggaðu með Gatsby
Gatsby er frábær kyrrstöðuframleiðandi sem notar React og GraphQL. Þetta er niðurstaða verkefnisins:
Hvað muntu læra
Í þessari kennslu muntu læra hvernig á að nota Gatsby til að búa til blogg sem þú munt nota til að skrifa þínar eigin greinar með React og GraphQL.
Tæknistafla og eiginleikar
- Gatsby
- Bregðast
- GraphQL
- Viðbætur og þemu
- MDX/Markdown
- Bootstrap CSS
- Sniðmát
Ef þig hefur einhvern tíma langað til að stofna blogg, um hvernig á að gera það með React og GraphQL.
Ég er ekki að segja að WordPress sé slæmur kostur, en með Gatsby geturðu byggt upp afkastamikil vefsíður með því að nota React - sem er mögnuð samsetning.
Bloggaðu með Gridsome
Gridsome fyrir Vue... Allt í lagi, við höfðum þetta þegar með Next/Nuxt.
En það sama á við um Gridsome og Gatsby. Báðir nota GraphQL sem gagnalag sitt, en Gridsome notar VueJS. Þetta er líka ótrúlegur kyrrstæður vefur sem mun hjálpa þér að búa til frábær blogg:
Hvað muntu læra
Þetta verkefni mun kenna þér hvernig á að búa til einfalt blogg til að byrja með Gridsome, GraphQL og Markdown. Það fjallar einnig um hvernig á að dreifa forriti í gegnum Netlify.
Tæknistafla og eiginleikar
- Gríðarlegt
- Vue
- GraphQL
- Markdown
- Netlify
Þetta er vissulega ekki umfangsmesta kennsluefnið, en það nær yfir grunnhugtök Gridsome og .
SoundCloud-líkur hljóðspilari með Quasar
Quasar er annar Vue ramma sem hægt er að nota til að búa til farsímaforrit. Í þessu verkefni muntu búa til hljóðspilaraforrit, til dæmis:
Hvað muntu læra
Þó önnur verkefni einblíni aðallega á vefforrit, mun þetta sýna þér hvernig á að búa til farsímaforrit með Vue og Quasar ramma.
Þú ættir nú þegar að hafa Cordova í gangi með Android Studio/Xcode stillt. Ef ekki, þá hefur handbókin tengil á Quasar vefsíðuna þar sem þeir sýna þér hvernig á að setja allt upp.
Tæknistafla og eiginleikar
- Quasar
- Vue
- Cordova
- WaveSurfer
- HÍ íhlutir
, sem sýnir getu Quasar til að búa til farsímaforrit.
Форма кредитной карты
Flott kreditkortaform með sléttum og skemmtilegum örsamskiptum. Inniheldur númerasnið, sannprófun og sjálfvirka kortagerð. Það er byggt á Vue.js og er líka fullkomlega móttækilegt. (Þú getur séð .)
Það sem þú munt læra:
- Vinnsla og staðfest eyðublöð
- Meðhöndla atburði (til dæmis þegar reitir breytast)
- Skilja hvernig á að birta og setja þætti á síðunni, sérstaklega kreditkortaupplýsingarnar sem birtast efst á eyðublaðinu
súlurit
Súlurit er graf eða línurit sem táknar flokkuð gögn með rétthyrndum stikum með hæð eða lengd í réttu hlutfalli við gildin sem þeir tákna.
Hægt er að beita þeim lóðrétt eða lárétt. Lóðrétt súlurit er stundum kallað línurit.
Það sem þú munt læra:
- Birta gögn á skipulegan og skiljanlegan hátt
- Að auki: Lærðu hvernig á að nota þáttinn
canvasog hvernig á að teikna þætti með því
þú getur fundið gögn um mannfjölda í heiminum. Þeim er raðað eftir árum.
Анимация сердечка Twitter
Árið 2016 kynnti Twitter þetta ótrúlega hreyfimynd fyrir tíst sín. Frá og með 2019 lítur það enn út fyrir að vera hluti, svo hvers vegna ekki að búa til einn sjálfur?
Það sem þú munt læra:
- Vinna með CSS eigind
keyframes - Vinna með og lífga HTML þætti
- Sameina JavaScript, HTML og CSS
Репозитории GitHub с функцией поиска
Það er ekkert fínt hérna - GitHub geymslur eru bara dýrðarlisti.
Markmiðið er að sýna geymslurnar og leyfa notandanum að sía þær. Notaðu til að fá geymslur fyrir hvern notanda.
GitHub prófílsíða -
Það sem þú munt læra:
- Fáðu gögn frá API
- Sýna gögn frá API
- Sía og sýna viðeigandi gögn fyrir hverja leit
- Valfrjálst: Ef þú ert til í áskorun skaltu nota , byggð með GraphQL. .
Чаты в стиле Reddit
Spjall er vinsæl samskiptamáti vegna einfaldleika þeirra og auðveldrar notkunar. En hvað knýr raunverulega nútíma spjallrásir til? WebSockets!
Það sem þú munt læra:
- Notaðu WebSockets, rauntíma samskipti og gagnauppfærslur
- Vinna með aðgangsstig notenda (til dæmis hefur eigandi spjallrásar hlutverkið
admin, og aðrir í herberginu -user) - Vinnsla og staðfest eyðublöð - mundu að spjallglugginn til að senda skilaboð er
input - Búðu til og taktu þátt í mismunandi spjalli
- Vinna með persónuleg skilaboð. Notendur geta spjallað við aðra notendur einslega. Í meginatriðum muntu koma á WebSocket tengingu milli tveggja notenda.
Навигация в стиле Stripe
Það sem gerir þessa leiðsögn einstaka er að popover ílátið umbreytist til að passa við innihaldið. Það er glæsileiki við þessa umskipti miðað við hefðbundna hegðun að opna og loka nýjum popover.
Það sem þú munt læra:
- Sameina CSS hreyfimyndir með umbreytingum
- Dempaðu innihald og notaðu virkan flokk á fljótandi þátt
Pacman
Búðu til þína eigin útgáfu af Pacman. Þetta er frábær leið til að fá hugmynd um hvernig leikir eru þróaðir og skilja grunnatriðin. Notaðu JavaScript ramma, React eða Vue.
Þú munt læra:
- Hvernig þættir hreyfast
- Hvernig á að ákvarða hvaða takka á að ýta á
- Hvernig á að ákvarða augnablik áreksturs
- Þú getur farið lengra og bætt við stjórntækjum fyrir draugahreyfingar
Þú finnur dæmi um þetta verkefni GitHub
notendastjórnun
Project GitHub
Að búa til forrit af gerðinni CRUD fyrir notendastjórnun mun kenna þér grunnatriði þróunar. Þetta er sérstaklega gagnlegt fyrir nýja forritara.
Þú munt læra:
- Hvað er leiðsögn
- Hvernig á að meðhöndla gagnafærslueyðublöð og athuga hvað notandinn hefur slegið inn
- Hvernig á að vinna með gagnagrunninn - búa til, lesa, uppfæra og eyða aðgerðum
Проверка погоды в вашем местоположении
Project GitHub
Ef þú vilt búa til forrit skaltu byrja með veðurappi. Þetta verkefni er hægt að klára með Swift.
Auk þess að öðlast reynslu af því að byggja upp forrit muntu læra:
- Hvernig á að vinna með API
- Hvernig á að nota landfræðilega staðsetningu
- Gerðu forritið þitt kraftmeira með því að bæta við textainnslátt. Þar munu notendur geta slegið inn staðsetningu sína til að athuga veðrið á tilteknum stað.
Þú þarft API. Til að fá veðurgögn, notaðu OpenWeather API. Nánari upplýsingar um OpenWeather API.
Окно чата
Spjallglugginn minn í gangi, opnaður í tveimur vafraflipa
Að búa til spjallglugga er fullkomin leið til að byrja með innstungur. Valið á tæknistafla er mikið. Node.js, til dæmis, er fullkomið.
Þú munt læra hvernig falsar virka og hvernig á að útfæra þær. Þetta er helsti kosturinn við þetta verkefni.
Ef þú ert Laravel verktaki sem vill vinna með innstungur, lestu mína
GitLab CI
Ef þú ert nýr í samfelldri samþættingu (CI), spilaðu þá með GitLab CI. Settu upp nokkur umhverfi og reyndu að keyra nokkur próf. Þetta er ekki mjög erfitt verkefni en ég er viss um að þú munt læra mikið af því. Mörg þróunarteymi nota nú CI. Það er gagnlegt að vita hvernig á að nota það.
Þú munt læra:
- Hvað er GitLab CI
- Hvernig á að stilla
.gitlab-ci.ymlsem segir GitLab notandanum hvað hann á að gera - Hvernig á að dreifa í annað umhverfi
Анализатор сайтов
Búðu til sköfu sem greinir merkingarfræði vefsíðna og býr til einkunn þeirra. Til dæmis geturðu athugað hvort alt tags vanti í myndum. Eða athugaðu hvort síðan sé með SEO metamerki. Hægt er að búa til sköfu án notendaviðmóts.
Þú munt læra:
- Hvernig virkar skafa?
- Hvernig á að búa til DOM veljara
- Hvernig á að skrifa reiknirit
- Ef þú vilt ekki hætta þar skaltu búa til notendaviðmót. Þú getur líka búið til skýrslu um hverja vefsíðu sem þú skoðar.
Определение настроений в социальных сетях
Tilfinningagreining á samfélagsmiðlum er frábær leið til að kynnast vélanámi.
Þú getur byrjað á því að greina aðeins eitt samfélagsnet. Allir byrja venjulega á Twitter.
Ef þú hefur þegar reynslu af vélanámi, reyndu að safna gögnum frá mismunandi samfélagsnetum og sameina þau.
Þú munt læra:
- Hvað er vélanám
Клон Trello
Það sem þú munt læra:
- Skipulag beiðnavinnsluleiða (Routing).
- Draga og sleppa.
- Hvernig á að búa til nýja hluti (töflur, listar, spil).
- Vinnsla og athugun inntaksgagna.
- Frá hlið viðskiptavinarins: hvernig á að nota staðbundna geymslu, hvernig á að vista gögn í staðbundna geymslu, hvernig á að lesa gögn úr staðbundinni geymslu.
- Frá miðlarahlið: hvernig á að nota gagnagrunna, hvernig á að vista gögn í gagnagrunninum, hvernig á að lesa gögn úr gagnagrunninum.
, gert í React+Redux.
Панель админа
Einfalt CRUD forrit, tilvalið til að læra grunnatriðin. Við skulum læra:
- Búðu til notendur, stjórnaðu notendum.
- Samskipti við gagnagrunninn - búa til, lesa, breyta, eyða notendum.
- Staðfesta inntak og vinna með eyðublöð.
Трекер криптовалют (нативное мобильное приложение)
Hvað sem er: Swift, Objective-C, React Native, Java, Kotlin.
Við skulum læra:
- Hvernig innfædd forrit virka.
- Hvernig á að sækja gögn úr API.
- Hvernig innfædd síðuútlit virka.
- Hvernig á að vinna með farsímaherma.
. Ef þú finnur eitthvað betra skaltu skrifa í athugasemdirnar.
Ef þú hefur áhuga þá er hann hér .
Настроить собственный конфиг webpack с нуля
Tæknilega séð er þetta ekki forrit, en það er mjög gagnlegt verkefni til að skilja hvernig vefpakki virkar innan frá. Nú verður það ekki „svartur kassi“ heldur skiljanlegt tól.
Kröfur:
- Settu saman es7 til es5 (grunnatriði).
- Settu saman jsx í js - eða - .vue í .js (þú verður að læra hleðslutæki)
- Settu upp vefpakkaþróunarþjón og endurhleðslu á heitri mát. (vue-cli og create-react-app nota bæði)
- Notaðu Heroku, now.sh eða Github, lærðu hvernig á að dreifa vefpakkaverkefnum.
- Settu upp uppáhalds forvinnsluna þína til að setja saman css - scss, less, stylus.
- Lærðu hvernig á að nota myndir og svgs með webpack.
Клон Hackernews
Sérhver Jedi þarf að búa til sína eigin Hackernews.
Það sem þú munt læra á leiðinni:
- Hvernig á að hafa samskipti við hackernews API.
- Hvernig á að búa til forrit á einni síðu.
- Hvernig á að útfæra eiginleika eins og að skoða athugasemdir, einstakar athugasemdir, prófíla.
- Skipulag beiðnavinnsluleiða (Routing).
Тудушечка
Í alvöru? Tudushka? Þeir eru þúsundir. En trúðu mér, það er ástæða fyrir þessum vinsældum.
Tudu appið er frábær leið til að tryggja að þú skiljir grunnatriðin. Prófaðu að skrifa eitt forrit í vanillu Javascript og eitt í uppáhalds rammanum þínum.
Læra:
- Búðu til ný verkefni.
- Athugaðu hvort reitirnir séu útfylltir.
- Sía verkefni (lokið, virk, öll). Notaðu
filterиreduce. - Skilja grunnatriði Javascript.
Сортируемый drag and drop список
Mjög gagnlegt að skilja .
Við skulum læra:
- Dragðu og slepptu API
- Búðu til ríkulegt notendaviðmót
Клон мессенджера (нативное приложение)
Þú munt skilja hvernig bæði vefforrit og innfædd forrit virka, sem mun aðgreina þig frá gráa massanum.
Það sem við munum læra:
- Veftenglar (spjallskilaboð)
- Hvernig innfædd forrit virka.
- Hvernig sniðmát virka í innfæddum forritum.
- Skipuleggja vinnsluleiðir beiðna í innfæddum forritum.
Textaritill
Tilgangur textaritils er að draga úr fyrirhöfn notenda sem reyna að breyta sniði sínu í gilda HTML-merkingu. Góður textaritill gerir notendum kleift að forsníða texta á mismunandi vegu.
Á einhverjum tímapunkti hafa allir notað textaritil. Svo hvers vegna ekki ?
Клон Reddit
er samfélagsfréttasöfnun, efnismat á vefnum og umræðusíða.
Reddit tekur mestan tíma minn, en ég held áfram að hanga á því. Að búa til Reddit klón er áhrifarík leið til að læra forritun (meðan þú vafrar á Reddit á sama tíma).
Reddit veitir þér mjög ríkt. Ekki sleppa neinum eiginleikum eða gera hluti af tilviljun. Í hinum raunverulega heimi með viðskiptavinum og viðskiptavinum geturðu ekki unnið af tilviljun, eða þú munt fljótt missa vinnuna þína.
Snjallir viðskiptavinir munu strax átta sig á því að verkið er illa unnið og finna einhvern annan.
Публикация пакета NPM с открытым исходным кодом
Ef þú skrifar Javascript kóða eru líkurnar á að þú notir pakkastjóra. Pakkastjóri gerir þér kleift að endurnýta núverandi kóða sem aðrir hafa skrifað og birt.
Að skilja allan þróunarferil pakka mun veita mjög góða upplifun. Það er margt sem þú þarft að vita þegar þú birtir kóða. Þú þarft að hugsa um öryggi, merkingarfræðilega útgáfu, sveigjanleika, nafnavenjur og viðhald.
Pakkinn getur verið hvað sem er. Ef þú hefur ekki hugmynd skaltu búa til þitt eigið Lodash og birta það.
Lodash:
Að hafa eitthvað sem þú hefur gert á netinu setur þig 10% yfir aðra. um opna heimildir og pakka.
Учебный план freeCodeCamp
freeCodecamp hefur safnað miklu .
freeCodeCamp er sjálfseignarstofnun. Það samanstendur af gagnvirkum nettengdum námsvettvangi, samfélagsvettvangi á netinu, spjallrásum, Medium útgáfum og staðbundnum samtökum sem ætla að gera nám á vefþróun aðgengilegt öllum.
Þú verður meira en hæfur í fyrsta starfið þitt ef þér tekst að ljúka öllu námskeiðinu.
Создайте HTTP-сервер с нуля
HTTP samskiptareglur eru ein af helstu samskiptareglum sem efni ferðast um á netinu. HTTP netþjónar eru notaðir til að þjóna kyrrstæðu efni eins og HTML, CSS og JS.
Að geta innleitt HTTP samskiptareglur frá grunni mun auka þekkingu þína á því hvernig hlutirnir hafa samskipti.
Til dæmis, ef þú notar NodeJs, þá veistu að Express býður upp á HTTP netþjón.
Til viðmiðunar, athugaðu hvort þú getur:
- Settu upp netþjón án þess að nota nein bókasöfn
- Miðlarinn verður að þjóna HTML, CSS og JS efni.
- Að útfæra router frá grunni
- Fylgstu með breytingum og uppfærðu netþjóninn
Ef þú veist ekki hvers vegna, notaðu og reyndu að búa til HTTP netþjón frá grunni.
Десктопное приложение для заметок
Við tökum öll minnispunkta, er það ekki?
Við skulum búa til athugasemdaforrit. Forritið þarf að vista glósur og samstilla þær við gagnagrunninn. Búðu til innbyggt forrit með því að nota Electron, Swift eða hvað sem þú vilt og það sem virkar fyrir kerfið þitt.
Ekki hika við að sameina þetta með fyrstu áskoruninni (textaritill).
Sem bónus, reyndu að samstilla skjáborðsútgáfuna þína við vefútgáfuna.
Подкасты (клон Overcast)
Hver hlustar ekki á podcast?
Búðu til vefforrit með eftirfarandi virkni:
- Búðu til reikning
- Leitaðu að hlaðvörpum
- Gefðu einkunn og gerðu áskrifandi að hlaðvörpum
- Stöðva og spila, breyta hraða, áfram og afturábak aðgerðir í 30 sekúndur.
Prófaðu að nota iTunes API sem upphafspunkt. Ef þú veist um önnur úrræði, vinsamlegast skrifaðu í athugasemdirnar.
Skjáupptaka
Halló! Ég er að taka upp skjáinn minn núna!
Búðu til skjáborðs- eða vefforrit sem gerir þér kleift að fanga skjáinn þinn og vista innskotið sem .gif
Hér hvernig á að ná þessu.
Heimildir
Heimild: www.habr.com