1. Клон Notion
Приложение Notion полюбилось многим, оно позволяет оптимизировать рабочий процесс, работать с документами, планировать задачи, синхронизировать данные между устройствами.
Чему вы научитесь, создавая клон Notion:
- . Пользователь может «схватить мышкой» draggable элемент и поместить его в droppable зону.
- Как синхронизировать в режиме реального времени данные между компьютером и смартфоном.
- Мы позволяем пользователям создавать, читать, обновлять и удалять записи, тем самым мы тренируем CRUD-навыки.
I whakamaoritia te tuhinga me te tautoko a EDISON Software, e A .
2. Клон Repl.it
Repl.it -это инструмент для совместного редактирования кода в реальном времени. Можно выбрать несколько языков: JavaScript, Python, Go и выполнять код прямо в браузере. Очень полезно для быстрых демонстраций и код-интервью.
Чему вы научитесь, создавая клон Repl.it:
- Как запускать и выполнять код (server-side) в браузере (client-side).
- Считывать входные данные (исходный код) и выводить на экран результат выполнения.
- Как создавать файлы и папки в вебе и сохранять результаты.
- Как подсвечивать синтаксис кода.
3. Клон Google Photos
Google Photos это сервис для хранения и обмена фоток.
Любое современное приложение по работе с фотографиями умеет выполнять базовые функции: загружать, обрезать и пр. Люди хотят создавать свои аватарки и делиться фотками котиков, поэтому надо уметь работать с изображениями.
Чему вы научитесь, создавая клон Google Photos:
- Как создавать адаптивные изображения на телефонах, планшетах, ноутбуках и даже на гигантских экранах телевизоров.
- Как обрабатывать загрузку изображений, особенно больших изображений (>1МБ) и массовых загрузок.
- Обработка файлов изображений, обрезка и изменение размера фотографий для миниатюр или при открытии галереи.
- Utu: как хранить изображения в облаке или локальной базе данных.
4. Клон Gifsky
конвертирует видео в GIF используя функции для эффективных палитр кросс-кадров и временного сглаживания. В результате получается гифка с тысячами цветов на кадр.
Чему вы научитесь, создавая клон Gifski:
- Как конвертировать видео файлы (.mp4 в .gif).
- Как использовать API Drag and Drop HTML.
- Как работают оптимизация и обработка изображений.
Tuhipoka: и есть на GitHub!
5. Мониторинг курсов криптовалют
React Native cryptocurrency tracker
Чему вы научитесь, создавая трекер курса валют:
- Как работать с API и получать данные удаленно из API.
- Как отобразить данные в виде списка.
- Utu: Если вам интересно, я недавно написал на криптовалюту с React Native.
Tuhipoka: konei .
Подборка проектов из предыдущих публикаций.
Apa
Ko te Layer he hapori ka taea e te katoa te tuhi pika ki runga i te "poari" tiritahi. I whanau te whakaaro taketake i runga i Reddit. Ko te hapori r/Layer he kupu whakarite mo te mahi auaha tahi, ka taea e te katoa te mahi hei kaihanga me te whai waahi ki te kaupapa kotahi.
Ko nga mea ka akohia e koe i te wa e hanga ana i taau ake kaupapa Apa:
- Te mahi a JavaScript canvas Ko te mohio ki te whakahaere i te canvas he tino pukenga i roto i nga tono maha.
- Me pehea te whakarite i nga whakaaetanga kaiwhakamahi. Ka taea e ia kaiwhakamahi te tuhi kotahi pika ia 15 meneti me te kore e uru ki roto.
- Waihangahia nga wahanga pihikete.
Squoosh
Ko Squoosh he tono taapiri whakaahua me te maha o nga whiringa matatau.
GIF 20 MB
Ma te hanga i taau ake putanga o Squoosh ka ako koe:
- Me pehea te mahi me nga rahi whakaahua
- Akohia nga tikanga o te Drag'n'Drop API
- Kia mohio ki te mahi a te API me nga kaiwhakarongo takahanga
- Me pehea te tuku me te kaweake i nga konae
Tuhipoka: Ko te compressor atahanga he rohe. Ehara i te mea me tuku atu nga raraunga ki te tūmau. Ka taea e koe te compressor i te kainga, ka taea ranei e koe te whakamahi i runga i te tūmau, maau e pai ai.
Kaute
Haere mai? Tino? Tātaitai? Ae, tika, he tatauranga. Ko te mohio ki nga tikanga o nga mahi pangarau me te mahi tahi he tino pukenga hei whakangawari i o tono. Ake ake nei ka mahi koe ki nga nama me te tere ake ka pai ake.
Ma te hanga i taau ake tatauranga ka ako koe:
- Mahi ki nga nama me nga mahi pangarau
- Parakatihi me te API kaiwhakarongo takahanga
- Me pehea te whakarite huānga, te mohio ki nga momo
Crawler (Mkaha Rapu)
Kua whakamahia e te katoa he miihini rapu, na te aha e kore ai e hanga i a koe ake? Ka hiahiatia nga kaihurihuri ki te rapu korero. Ka whakamahia e nga tangata katoa i ia ra, ka tipu noa te hiahia mo tenei hangarau me nga tohungatanga i roto i te waa.
Google search engine
Ko nga mea ka ako koe ma te hanga i taau ake miihini rapu:
- Me pehea te mahi a nga ngoki
- Me pehea te tohu i nga waahi me pehea te tohu i a raatau ma te whakatau me te ingoa
- Me pehea te penapena i nga waahi kua tohua ki roto i te paataka raraunga me te mahi me te paataka raraunga
Pūoro puoro (Spotify, Apple Music)
Ka whakarongo nga tangata katoa ki te puoro - he waahanga noa iho o to tatou oranga. Me hanga he kaiwhakatangi puoro kia pai ake ai te maarama ki te mahi o nga miihini taketake o te papaaho roma waiata hou.
Spotify
Ko nga mea ka akohia e koe ma te hanga i to ake ake papaaho roma waiata:
- Me pehea te mahi me te API. whakamahi API mai i Spotify, Apple Music ranei
- Me pehea te purei, okioki, whakamuri ranei ki te riu o muri/o mua
- Me pehea te huri i te rōrahi
- Me pehea te whakahaere i te ararere kaiwhakamahi me te hitori tirotiro
Taupānga rapu kiriata ma te React (me nga matau)
Ko te mea tuatahi ka taea e koe te tiimata me te hanga i tetahi taupānga rapu kiriata ma te whakamahi i te React. Kei raro nei te ahua o te ahua o te tono whakamutunga:
He aha taau e ako
Ma te hanga i tenei taupānga, ka whakapai ake koe i o pukenga React ma te whakamahi i te API Matau hou. Ko te kaupapa tauira e whakamahi ana i nga waahanga React, he maha nga matau, he API o waho, me etahi o te ahua CSS.
Hangarau me nga ahuatanga
- Tauhohe ki te matau
- hanga-meta-taupānga
- JSX
- CSS
Ma te kore e whakamahi i nga karaehe, ka hoatu e enei kaupapa ki a koe te urunga tino pai ki te React mahi a ka tino awhina koe i te tau 2020. ka kitea e koe . A pee i nga tohutohu, hanga ranei maau ake.
Taupānga Kōrerorero me Vue
Ko tetahi atu kaupapa nui hei mahi maau ko te hanga taupānga korero ma te whakamahi i taku whare pukapuka JavaScript tino pai: VueJS. Ka penei te ahua o te tono:
He aha taau e ako
I roto i tenei akoranga, ka ako koe me pehea te hanga taupānga Vue mai i te wahanga - te hanga wae, te whakahaere i te ahua, te hanga huarahi, te hono ki nga ratonga tuatoru, tae atu ki te whakahaere motuhēhēnga.
Hangarau me nga ahuatanga
- Tiro
- vuex
- Pouara Vue
- Ko te CLI
- Takirua
- CSS
He kaupapa tino pai tenei ki te tiimata me te Vue, ki te whakapai ake ranei i o pukenga o naianei kia uru ki te whakawhanaketanga i te tau 2020. ka kitea e koe .
Taupānga huarere ataahua me te Angular 8
Ma tenei tauira ka awhina koe ki te hanga i tetahi taupānga huarere ataahua ma te whakamahi Angular 8:
He aha taau e ako
Ma tenei kaupapa e ako ki a koe nga pukenga nui ki te hanga tono mai i te wahanga - mai i te hoahoa tae atu ki te whanaketanga, tae noa ki te tono kua rite.
Hangarau me nga ahuatanga
- Tauira 8
- Firebase
- Tāhuahua taha tūmau
- CSS me te Matiti me te Flexbox
- He pai te pūkoro me te urutau
- Aratau pouri
- Ataahua atanga
Ko te mea e tino paingia ana e au mo tenei kaupapa whanui ko te kore koe e ako mokemoke. Engari, ka ako koe i te tukanga whanaketanga katoa, mai i te hoahoa ki te tukunga whakamutunga.
To-Do tono ma te whakamahi i te Svelte
He rite a Svelte ki te tamaiti hou i runga i te huarahi-waahanga - he rite tonu ki te React, Vue me Angular. A koinei tetahi o nga hua hou rawa atu mo te tau 2020.
Ehara i te mea ko nga taupānga Mahi-mahi te kaupapa tino pai, engari ka tino awhina koe ki te whakakoi i o pukenga Svelte. Ka penei te ahua:
He aha taau e ako
Ma tenei akoranga e whakaatu ki a koe me pehea te hanga tono ma te whakamahi i te Svelte 3, mai i te timatanga ki te mutunga. Ka whakamahi koe i nga waahanga, te whakaahu, me nga kaikawe huihuinga
Hangarau me nga ahuatanga
- Putea 3
- Tuhinga
- Te hanga me te CSS
- ES 6 wetereo
Kaore he maha o nga kaupapa timata Svelte pai, no reira i kitea e au .
Taupānga E-tauhokohoko ma te whakamahi i te Next.js
Ko Next.js te anga tino rongonui mo te hanga i nga tono React e tautoko ana i te whakaputa taha-tumau i waho o te pouaka.
Ma tenei kaupapa e whakaatu ki a koe me pehea te hanga tono e-tauhokohoko penei te ahua:
He aha taau e ako
I roto i tenei kaupapa, ka ako koe me pehea te whakawhanake me Next.js—hanga wharangi hou me nga waahanga, tango raraunga, me te ahua me te whakatakoto i tetahi tono Panuku.
Hangarau me nga ahuatanga
- Whai muri.js
- Nga Waahanga me nga Wharangi
- Te whakatauira raraunga
- Tuhinga
- Te Whakaritenga Kaupapa
- SSR me SPA
He pai tonu te whai tauira o te ao tuuturu penei i te taupānga e-tauhokohoko ki te ako i tetahi mea hou. Ka taea e koe .
He rangitaki reo-a-iwi katoa me Nuxt.js
Ko Nuxt.js mo Vue, he aha a Next.js mo React: he anga pai mo te whakakotahi i te mana o te whakaputa taha-tumau me nga tono wharangi kotahi
Ko te tono whakamutunga ka taea e koe te hanga ka penei te ahua:
He aha taau e ako
I roto i tenei tauira kaupapa, ka ako koe me pehea te hanga paetukutuku katoa ma te whakamahi i te Nuxt.js, mai i te tatūnga tuatahi ki te tukunga whakamutunga.
Ka whai painga ki te maha o nga ahuatanga hauhautanga ka tukuna e Nuxt, penei i nga wharangi me nga waahanga, me te taatai me te SCSS.
Hangarau me nga ahuatanga
- Nuxt.js
- Nga Waahanga me nga Wharangi
- Kōwae parakakōrero
- Hagfish
- Vuex mo te whakahaere kawanatanga
- SCSS mo te whakaahua
- Nuxt middlewares
, kei roto he maha nga waahanga Nuxt.js nui. He pai ki ahau te mahi tahi me Nuxt no reira me whakamatau koe na te mea ka waiho koe hei kaiwhakawhanake Vue pai.
Blog me Gatsby
Ko Gatsby he kaihanga pae tino pai ma te whakamahi i te React me te GraphQL. Koinei te hua o te kaupapa:
He aha taau e ako
I roto i tenei akoranga, ka ako koe me pehea te whakamahi i a Gatsby ki te hanga blog ka whakamahia e koe ki te tuhi i au ake tuhinga ma te whakamahi i te React me te GraphQL.
Hangarau me nga ahuatanga
- Mangahau
- tauhohe
- Tauira
- Nga monomai me nga kaupapa
- MDX/Mariho
- Bootstrap CSS
- Tātauira
Mena kua hiahia koe ki te timata i tetahi rangitaki, me pehea te hanga ma te whakamahi i te React me te GraphQL.
Kaore au i te kii he kino te whiriwhiringa a WordPress, engari me Gatsby ka taea e koe te hanga paetukutuku mahi-nui ma te whakamahi i te React - he huinga whakamiharo.
Blog me Gridsome
Gridsome mo Vue... Kaati, kua tae mai tenei ki a Next/Nuxt.
Engari he pera ano mo Gridsome me Gatsby. Ka whakamahi raua i te GraphQL hei paparanga raraunga, engari ka whakamahi a Gridsome i a VueJS. Ko tenei hoki he kaihanga pae pateko mīharo hei awhina i a koe ki te hanga rangitaki pai:
He aha taau e ako
Ma tenei kaupapa e ako ki a koe me pehea te hanga i tetahi blog ngawari ki te tiimata me te Gridsome, GraphQL me Markdown. Ka kapi hoki me pehea te tuku tono ma Netlify.
Hangarau me nga ahuatanga
- Mātiti
- Tiro
- Tauira
- Markdown
- Whakamaungia
Ehara tenei i te akoranga tino whanui, engari kei te kapi nga kaupapa matua o Gridsome me .
Pūorooro rite SoundCloud te whakamahi Quasar
Ko Quasar tetahi atu anga Vue ka taea te whakamahi ki te hanga tono pūkoro. I roto i tenei kaupapa ka hanga e koe he tono kaiwhakatangi ororongo, hei tauira:
He aha taau e ako
Ahakoa ko etahi atu kaupapa e aro nui ana ki nga tono paetukutuku, ma tenei e whakaatu ki a koe me pehea te hanga tono pūkoro ma te whakamahi i te Vue me te anga Quasar.
Me whai koe i te whakahaere a Cordova me te Android Studio/Xcode kua whirihorahia. Ki te kore, he hononga to te pukapuka ki te paetukutuku Quasar e whakaatu ana ki a koe me pehea te whakarite i nga mea katoa.
Hangarau me nga ahuatanga
- quasar
- Tiro
- Cordova
- NgaruNgaru
- Waenga UI
, e whakaatu ana i nga kaha o Quasar mo te hanga tono waea.
Форма кредитной карты
He ahua kaari nama hauhautanga me nga taunekeneke moroiti maeneene me te ngahau. Kei roto ko te whakahōputu tau, te manatoko me te rapu momo kaari aunoa. He mea hanga i runga i te Vue.js me te tino whakautu. (Ka taea e koe te kite .)
He aha ka ako koe:
- Tukatuka me te whakamana i nga puka
- Whakahaerehia nga takahanga (hei tauira, ina huri nga mara)
- Kia mohio me pehea te whakaatu me te whakatakoto i nga huānga ki te wharangi, ina koa nga korero kaari nama kei runga ake o te puka
kauwhata pae
Ko te histogram he tūtohi, he kauwhata ranei e whakaatu ana i nga raraunga wehewehe me nga pae tapawhā me te teitei, te roa ranei e rite ana ki nga uara e tohu ana.
Ka taea te tono poutū, whakapae ranei. Ko te tūtohi pae poutū ka kiia he tūtohi raina.
He aha ka ako koe:
- Whakaatuhia nga raraunga i runga i te hanganga me te maarama
- Hei taapiri: Akohia me pehea te whakamahi i te huānga
canvasme pehea te tuhi huānga ki a ia
ka kitea e koe nga raraunga taupori o te ao. Ka whakaraupapahia ma te tau.
Анимация сердечка Twitter
I te tau 2016, i whakauruhia e Twitter tenei hākoritanga whakamiharo mo ana tweets. I te tau 2019, kei te ahua tonu te waahanga, no reira he aha koe e kore ai e hanga i a koe ano?
He aha ka ako koe:
- Mahi ki te huanga CSS
keyframes - Raweke me te whakakorikori i nga huānga HTML
- Whakakotahitia te JavaScript, HTML me CSS
Репозитории GitHub с функцией поиска
Karekau he mea pai i konei—Ko nga putunga putunga a GitHub he raarangi whakakororia noa.
Ko te whainga ko te whakaatu i nga putunga me te tuku i te kaiwhakamahi ki te tātari. Whakamahi ki te tiki putunga mo ia kaiwhakamahi.
Whārangi kōtaha GitHub -
He aha ka ako koe:
- Whiwhi raraunga mai i te API
- Whakaatu raraunga mai i te API
- Tātarihia ka whakaatu raraunga whai take mo ia rapunga
- Kōwhiringa: Mena kei te kaha koe mo te wero, whakamahia , i hangaia ma te whakamahi i te GraphQL. .
Чаты в стиле Reddit
Ko nga korerorero he huarahi korero rongonui na te ngawari me te ngawari o te whakamahi. Engari he aha te mea e whakakaha ana i nga ruma korerorero hou? Tukutuku!
He aha ka ako koe:
- Whakamahia nga Paetukutuku, te whakawhitiwhiti korero me nga whakahou raraunga
- Mahi me nga taumata urunga kaiwhakamahi (hei tauira, kei te rangatira o te hongere korerorero te mahi
admin, me etahi atu i roto i te ruma -user) - Tukatuka me te whakamana i nga puka - mahara, ko te matapihi korero mo te tuku karere
input - Waihangahia ka uru atu ki nga korerorero rereke
- Mahi me nga karere whaiaro. Ka taea e nga kaiwhakamahi te korerorero takitahi me etahi atu kaiwhakamahi. Ko te tikanga, ka whakatauhia e koe he hononga WebSocket i waenga i nga kaiwhakamahi e rua.
Навигация в стиле Stripe
He aha te mea ahurei o tenei whakaterenga ko te hurihanga o te ipu popover kia uru ki nga ihirangi. He huatau ki tenei whakawhitinga ka whakaritea ki nga tikanga tuku iho o te whakatuwhera me te kati i te pouver hou.
He aha ka ako koe:
- Whakakotahitia nga pakiwaituhi CSS me nga whakawhitinga
- Whakamaramahia te ihirangi ka hoatu te karaehe hohe ki te huānga maanu
Pacman
Waihangahia taau ake putanga o Pacman. He huarahi pai tenei ki te whai whakaaro mo te whakawhanaketanga o nga keemu me te mohio ki nga kaupapa. Whakamahia he anga JavaScript, React, Vue ranei.
Ka ako koe:
- Te nekehanga o nga huānga
- Me pehea te whakatau ko wai nga taviri hei pehi
- Me pehea te whakatau i te wa o te tukinga
- Ka taea e koe te haere atu me te taapiri i nga mana nekehanga wairua
Ka kitea e koe he tauira o tenei kaupapa GitHub
whakahaere kaiwhakamahi
Ko te kaupapa GitHub
Ma te hanga tono momo CRUD mo te whakahaere a te kaiwhakamahi ka ako koe i nga kaupapa whanaketanga. He tino pai tenei mo nga kaihanga hou.
Ka ako koe:
- He aha te ararere
- Me pehea te whakahaere i nga puka urunga raraunga me te tirotiro i nga mea kua whakauruhia e te kaiwhakamahi
- Me pehea te mahi me te patengi raraunga - hanga, panui, whakahou me te whakakore i nga mahi
Проверка погоды в вашем местоположении
Ko te kaupapa GitHub
Mena kei te pirangi koe ki te hanga taupānga, timata me te taupānga huarere. Ka taea te whakaoti i tenei kaupapa ma te whakamahi i te Swift.
I tua atu i te whai wheako ki te hanga tono, ka ako koe:
- Me pehea te mahi me te API
- Me pehea te whakamahi geolocation
- Kia kaha ake to tono ma te taapiri i te whakauru kupu. I roto, ka taea e nga kaiwhakamahi te whakauru ki o raatau waahi ki te tirotiro i te rangi ki tetahi waahi motuhake.
Ka hiahia koe ki te API. Hei tiki raraunga huarere, whakamahia te OpenWeather API. He korero ano mo te OpenWeather API.
Окно чата
Ko taku matapihi korerorero kei te mahi, tuwhera ki nga ripa tirotiro e rua
Ko te hanga i te matapihi korerorero ko te huarahi tino pai ki te timata me nga turanga. He nui te kowhiringa o te puranga hangarau. Node.js, hei tauira, he tino pai.
Ka ako koe me pehea te mahi o nga turanga me te whakamahi. Koinei te tino painga o tenei kaupapa.
Mena he kaiwhakawhanake Laravel koe e hiahia ana ki te mahi me nga turanga, panuihia taku
GitLab CI
Mena he hou koe ki te whakauru tonu (CI), takaro me GitLab CI. Whakaritehia etahi taiao ka ngana ki te whakahaere i etahi whakamatautau. Ehara i te kaupapa tino uaua, engari e mohio ana ahau he maha nga mea ka akohia e koe. He maha nga roopu whanaketanga kei te whakamahi CI inaianei. He whai hua te mohio ki te whakamahi.
Ka ako koe:
- He aha te GitLab CI
- Me pehea te whirihora
.gitlab-ci.ymle korero ana ki te kaiwhakamahi GitLab me aha - Me pehea te tohatoha ki etahi atu taiao
Анализатор сайтов
Hangaia he kairuri hei tātari i nga tohu o nga paetukutuku me te hanga i o raatau tohu. Hei tauira, ka taea e koe te tirotiro mo nga tohu alt ngaro i nga whakaahua. Tirohia ranei mena kei te whaarangi nga tohu meta SEO. Ka taea te hanga i te kirikiri kaore he atanga kaiwhakamahi.
Ka ako koe:
- He pehea te mahi a te kirikiri?
- Me pehea te hanga kaiwhiriwhiri DOM
- Me pehea te tuhi algorithm
- Ki te kore koe e hiahia ki te mutu ki reira, hanga he atanga kaiwhakamahi. Ka taea hoki e koe te hanga purongo mo ia paetukutuku ka tirohia e koe.
Определение настроений в социальных сетях
Ko te rapu kare-a-roto i runga i nga paapori pāpori he huarahi pai ki te whakauru ki te ako miihini.
Ka taea e koe te timata ma te tarai i tetahi whatunga hapori. Ka timata nga tangata katoa ki a Twitter.
Mena kua mohio koe ki te ako miihini, ngana ki te kohi raraunga mai i nga momo whatunga hapori me te whakakotahi.
Ka ako koe:
- He aha te ako miihini
Клон Trello
He aha ka ako koe:
- Te whakahaere i nga huarahi tukatuka tono (Routing).
- Tōia ka taka.
- Me pehea te hanga mea hou (papa, rarangi, kaari).
- Te tukatuka me te arowhai i nga raraunga whakauru.
- Mai i te taha o te kiritaki: me pehea te whakamahi i te rokiroki o te rohe, me pehea te penapena raraunga ki te rokiroki rohe, me pehea te panui raraunga mai i te rokiroki o te rohe.
- Mai i te taha o te tūmau: me pehea te whakamahi i nga papaarangi, me pehea te tiaki i nga raraunga i roto i te papaarangi, me pehea te panui raraunga mai i te papaarangi.
, i hangaia ki React+Redux.
Панель админа
He tono CRUD ngawari, he pai mo te ako i nga kaupapa. Kia ako tatou:
- Waihangahia nga kaiwhakamahi, whakahaere i nga kaiwhakamahi.
- Te taunekeneke me te papaaarangi - hanga, panui, whakatika, muku i nga kaiwhakamahi.
- Te whakamana i te whakaurunga me te mahi me nga puka.
Трекер криптовалют (нативное мобильное приложение)
Tetahi mea: Tere, Whainga-C, React Native, Java, Kotlin.
Me ako tatou:
- Me pehea te mahi a nga tono Maori.
- Me pehea te tiki raraunga mai i te API.
- Te mahi tahora wharangi taketake.
- Me pehea te mahi me nga simulators pūkoro.
. Mena ka kitea e koe he mea pai ake, tuhia ki nga korero.
Mena kei te pirangi koe, kei konei .
Настроить собственный конфиг webpack с нуля
Ma te hangarau, ehara tenei i te tono, engari he mahi tino whai hua ki te maarama me pehea te mahi a te kete tukutuku mai i roto. Inaianei ehara i te "pouaka pango", engari he taputapu mohio.
Whakaritenga:
- Whakahiato es7 ki es5 (taketake).
- Whakahiato jsx ki js - ranei - .vue ki .js (me ako koe i nga kaiuta)
- Whakaturia he tūmau webpack dev me te tango i te kōwae wera. (vue-cli me te waihanga-react-taupānga e rua)
- Whakamahia a Heroku, now.sh, Github ranei, ako me pehea te tuku kaupapa putea tukutuku.
- Whakaturia to kaitukatuka tino pai ki te whakahiato css - scss, iti, stylus.
- Akohia me pehea te whakamahi whakaahua me nga svgs me te kete tukutuku.
Клон Hackernews
Ko nga Jedi katoa e hiahiatia ana ki te hanga i tana ake Hackernews.
Ko nga mea ka akohia e koe i te huarahi:
- Me pehea te taunekeneke me te hackernews API.
- Me pehea te hanga tono wharangi kotahi.
- Me pehea te whakatinana i nga ahuatanga penei i te maataki i nga korero, i nga korero takitahi, i nga korero.
- Te whakahaere i nga huarahi tukatuka tono (Routing).
Тудушечка
Tino? Tudushka? He mano o ratou. Engari whakapono mai ki ahau, he take mo tenei rongonui.
Ko te taupānga Tudu he huarahi pai ki te whakarite kia mohio koe ki nga kaupapa. Ngana ki te tuhi i tetahi tono ki te Javascript vanilla me tetahi ki to anga tino pai.
Ako:
- Waihanga mahi hou.
- Tirohia kua whakakiia nga mara.
- Tātari tūmahi (kua oti, hohe, katoa). Whakamahi
filterиreduce. - Kia mohio ki nga kaupapa o Javascript.
Сортируемый drag and drop список
Tino awhina ki te maarama .
Kia ako tatou:
- Tōia me te whakataka API
- Waihanga UI whai rawa
Клон мессенджера (нативное приложение)
Ka mohio koe ki te mahi o nga tono tukutuku me nga tono taketake, ka wehe ke koe i te papatipu hina.
He aha ta tatou e ako ai:
- Paetukutuku (karere inamata)
- Me pehea te mahi a nga tono Maori.
- Me pehea te mahi tauira i roto i nga tono taketake.
- Te whakarite huarahi tukatuka tono i roto i nga tono taketake.
ētita kupu
Ko te kaupapa o te ētita kuputuhi he whakaiti i te kaha o nga kaiwhakamahi e ngana ana ki te huri i o raatau whakahōputu ki te tohu HTML whaimana. Ko te kaitautuhi tuhinga pai ka taea e nga kaiwhakamahi te whakahōputu i nga tuhinga i roto i nga huarahi rereke.
I etahi wa, kua whakamahia e te katoa he kaiwhakatika tuhinga. Na he aha te kore ?
Клон Reddit
he whakahiato purongo paapori, he whakatauranga ihirangi paetukutuku me te waahi korerorero.
Ko Reddit te nuinga o taku wa, engari kei te noho tonu ahau ki runga. Ko te hanga i te karaka Reddit he huarahi whai hua ki te ako i te kaupapa (i te wa e tirotiro ana i a Reddit i te wa ano).
Ka whakawhiwhia e Reddit ki a koe he tino taonga. Kaua e waiho he ahuatanga, he mahi pokanoa ranei. I roto i te ao me nga kaihoko me nga kaihoko, kaore e taea e koe te mahi pokanoa, ka ngaro wawe koe i to mahi.
Ka mohio tonu nga kaihoko mohio kei te kino te mahi ka kitea he tangata kee.
Публикация пакета NPM с открытым исходным кодом
Mena ka tuhia e koe te waehere Javascript, he tupono kei te whakamahi koe i te kaiwhakahaere kete. Ma te kaiwhakahaere kete ka taea e koe te whakamahi ano i nga waehere kua tuhia e etahi atu, kua whakaputaina.
Ma te mohio ki te katoa o te huringa whanaketanga o te kete ka puta he wheako tino pai. He maha nga mea e tika ana kia mohio koe ina whakaputa waehere. Me whai whakaaro koe mo te haumarutanga, te whakaputanga kupu, te tauine, nga tikanga whakaingoa me te tiaki.
Ka taea e te mokihi tetahi mea. Mena karekau he whakaaro, hangahia to ake Lodash ka whakaputa.
Raraunga:
Na te mea kua mahia e koe i runga ipurangi ka 10% koe ki runga ake i etahi atu. mo nga puna tuwhera me nga kohinga.
Учебный план freeCodeCamp
He maha nga mahi kua kohia e freeCodecamp .
Ko freeCodeCamp he whakahaere kore-painga. Kei roto he papaaako ako-a-ipurangi tauwhitiwhiti, he huinga hapori ipurangi, he ruma korerorero, he whakaputanga Waenga, me nga whakahaere a-rohe e hiahia ana kia whai waahi te whanaketanga paetukutuku ako ki te katoa.
Ka nui ake to tohu mo to mahi tuatahi mena ka taea e koe te whakaoti i te akoranga katoa.
Создайте HTTP-сервер с нуля
Ko te kawa HTTP tetahi o nga tikanga matua e haere ai nga ihirangi i runga i te Ipurangi. Ka whakamahia nga tūmau HTTP ki te mahi i nga ihirangi pateko penei i te HTML, CSS, me te JS.
Ko te kaha ki te whakatinana i te kawa HTTP mai i te wahanga ka nui ake to mohiotanga ki te pehea o nga mahi.
Hei tauira, ki te whakamahi koe i nga NodeJs, ka mohio koe kei te whakarato a Express i tetahi tūmau HTTP.
Hei tohutoro, tirohia mena ka taea e koe:
- Whakaritehia he tūmau me te kore e whakamahi i nga whare pukapuka
- Me mahi te tūmau HTML, CSS me JS ihirangi.
- Te whakatinana i te pouara mai i te wahanga
- Aroturuki huringa me te whakahou i te tūmau
Mena kaore koe e mohio he aha, whakamahia ka ngana ki te hanga i tetahi tūmau HTTP Tuhinga ka whai mai.
Десктопное приложение для заметок
Ka tuhi tatou katoa, kaore?
Me hanga he taupānga tuhipoka. Me tiaki e te tono nga tuhipoka me te tukutahi ki te paataka raraunga. Hangaia he taupānga taketake ma te Electron, Swift, aha ranei e pai ana koe me nga mea e pai ana mo to punaha.
Kaua e pai ki te whakakotahi i tenei ki te wero tuatahi (kaituhi tuhinga).
Hei painga, ngana ki te tukutahi i to putanga papamahi me te putanga tukutuku.
Подкасты (клон Overcast)
Ko wai e kore e whakarongo ki nga purongo?
Waihangatia he tono tukutuku me nga mahi e whai ake nei:
- Waihangahia he kaute
- Rapu Podcasts
- Whakatauhia me te ohauru ki nga purongo
- Kati me te purei, whakarereke i te tere, nga mahi whakamua me te whakamuri mo te 30 hēkona.
Whakamātauria te whakamahi i te iTunes API hei timatanga. Mena kei te mohio koe ki etahi atu rauemi, tukuna mai ki nga korero.
Te hopu mata
Kia ora! Kei te kiriata taku mata inaianei!
Waihangahia he papamahi, he taupānga tukutuku ka taea e koe te hopu i to mata me te tiaki i te topenga hei .gif
konei me pehea te whakatutuki i tenei.
Rauemi
Source: will.com