1. Клон Notion
Приложение Notion полюбилось многим, оно позволяет оптимизировать рабочий процесс, работать с документами, планировать задачи, синхронизировать данные между устройствами.
Чему вы научитесь, создавая клон Notion:
- . Пользователь может «схватить мышкой» draggable элемент и поместить его в droppable зону.
- Как синхронизировать в режиме реального времени данные между компьютером и смартфоном.
- Мы позволяем пользователям создавать, читать, обновлять и удалять записи, тем самым мы тренируем CRUD-навыки.
Chaidh an artaigil eadar-theangachadh le taic bho EDISON Software, a tha , a bharrachd air .
2. Клон Repl.it
Repl.it -это инструмент для совместного редактирования кода в реальном времени. Можно выбрать несколько языков: JavaScript, Python, Go и выполнять код прямо в браузере. Очень полезно для быстрых демонстраций и код-интервью.
Чему вы научитесь, создавая клон Repl.it:
- Как запускать и выполнять код (server-side) в браузере (client-side).
- Считывать входные данные (исходный код) и выводить на экран результат выполнения.
- Как создавать файлы и папки в вебе и сохранять результаты.
- Как подсвечивать синтаксис кода.
3. Клон Google Photos
Google Photos это сервис для хранения и обмена фоток.
Любое современное приложение по работе с фотографиями умеет выполнять базовые функции: загружать, обрезать и пр. Люди хотят создавать свои аватарки и делиться фотками котиков, поэтому надо уметь работать с изображениями.
Чему вы научитесь, создавая клон Google Photos:
- Как создавать адаптивные изображения на телефонах, планшетах, ноутбуках и даже на гигантских экранах телевизоров.
- Как обрабатывать загрузку изображений, особенно больших изображений (>1МБ) и массовых загрузок.
- Обработка файлов изображений, обрезка и изменение размера фотографий для миниатюр или при открытии галереи.
- Bònas: как хранить изображения в облаке или локальной базе данных.
4. Клон Gifsky
конвертирует видео в GIF используя функции для эффективных палитр кросс-кадров и временного сглаживания. В результате получается гифка с тысячами цветов на кадр.
Чему вы научитесь, создавая клон Gifski:
- Как конвертировать видео файлы (.mp4 в .gif).
- Как использовать API Drag and Drop HTML.
- Как работают оптимизация и обработка изображений.
Note: и есть на GitHub!
5. Мониторинг курсов криптовалют
React Native cryptocurrency tracker
Чему вы научитесь, создавая трекер курса валют:
- Как работать с API и получать данные удаленно из API.
- Как отобразить данные в виде списка.
- Bònas: Если вам интересно, я недавно написал на криптовалюту с React Native.
Note: an seo .
Подборка проектов из предыдущих публикаций.
Layer
Is e coimhearsnachd a th’ ann an Layer far am faod a h-uile duine piogsail a tharraing air “bòrd” co-roinnte. Rugadh am beachd tùsail air Reddit. Tha a’ choimhearsnachd r/Layer na mheafar airson cruthachalachd co-roinnte, gum faod a h-uile duine a bhith nan neach-cruthachaidh agus cur ri adhbhar cumanta.
Na dh’ ionnsaicheas tu nuair a chruthaicheas tu do phròiseact Layer fhèin:
- Mar a dh'obraicheas canabhas JavaScript Tha eòlas air mar a dh'obraicheas tu canabhas na sgil riatanach ann an iomadh tagradh.
- Mar a cho-òrdanachadh ceadan luchd-cleachdaidh. Faodaidh gach neach-cleachdaidh aon piogsail a tharraing gach 15 mionaid gun a bhith aca ri logadh a-steach.
- Cruthaich seiseanan cookie.
Squoosh
Tha Squoosh na thagradh teannachaidh ìomhaigh le mòran roghainnean adhartach.
Dealbhan GIF 20 MB
Le bhith a’ cruthachadh an dreach agad fhèin de Squoosh ionnsaichidh tu:
- Mar a dh'obraicheas tu le meud dhealbhan
- Ionnsaich bunaitean an API Drag'n'Drop
- Tuig mar a tha an API agus luchd-èisteachd tachartais ag obair
- Mar as urrainn dhut faidhlichean a luchdachadh suas agus às-mhalairt
Note: Tha an compressor ìomhaigh ionadail. Chan eil feum air dàta a bharrachd a chuir chun t-seirbheisiche. Faodaidh tu an compressor a bhith agad aig an taigh, no faodaidh tu a chleachdadh air frithealaiche, do roghainn.
Àireamhair
Siuthad? Gu dona? Àireamhair? Tha, dìreach, àireamhair. Tha tuigse air bunaitean gnìomhachd matamataigeach agus mar a bhios iad ag obair còmhla na sgil riatanach airson na tagraidhean agad a dhèanamh nas sìmplidhe. Nas luaithe no nas fhaide air adhart bidh agad ri dèiligeadh ri àireamhan agus mar as luaithe is ann as fheàrr.
Le bhith a’ cruthachadh an àireamhair agad fhèin ionnsaichidh tu:
- Obraich le àireamhan agus gnìomhan matamataigeach
- Cleachd le API luchd-èisteachd tachartais
- Mar a chuireas tu eileamaidean air dòigh, tuig stoidhlichean
Crawler (einnsean sgrùdaidh)
Tha a h-uile duine air einnsean sgrùdaidh a chleachdadh, mar sin carson nach cruthaich thu do chuid fhèin? Tha feum air crawlers airson fiosrachadh a lorg. Bidh a h-uile duine gan cleachdadh a h-uile latha agus chan fhàs an t-iarrtas airson an teicneòlas seo agus eòlaichean ach thar ùine.
Inneal rannsachaidh Google
Na dh’ ionnsaicheas tu le bhith a’ cruthachadh an einnsean sgrùdaidh agad fhèin:
- Mar a tha draibhearan ag obair
- Mar a nì thu clàr-amais air làraich agus mar a thèid an rangachadh a rèir rangachadh agus cliù
- Mar a chumas tu làraichean clàraichte ann an stòr-dàta agus mar a dh'obraicheas tu leis an stòr-dàta
Cluicheadair ciùil (Spotify, Apple Music)
Bidh a h-uile duine ag èisteachd ri ceòl - chan eil ann ach pàirt riatanach de ar beatha. Cruthaichidh sinn cluicheadair ciùil gus tuigse nas fheàrr fhaighinn air mar a tha meacanaig bunaiteach àrd-ùrlar sruthadh ciùil ùr-nodha ag obair.
Spotify
Na dh’ ionnsaicheas tu le bhith a’ cruthachadh an àrd-ùrlar sruthadh ciùil agad fhèin:
- Mar a dh'obraicheas tu leis an API. cleachd API bho Spotify no Apple Music
- Mar a chluicheas tu, stad no ath-thionndaidh chun ath cheum / slighe roimhe
- Mar a dh’ atharraicheas tu fuaim
- Mar a stiùireas tu slighe luchd-cleachdaidh agus eachdraidh brabhsair
Aplacaid sgrùdaidh film le React (le dubhan)
Is e a’ chiad rud a dh’ fhaodadh tu tòiseachadh leis a bhith a’ togail app sgrùdaidh film le React. Gu h-ìosal tha dealbh de cò ris a bhios an aplacaid mu dheireadh coltach:
Dè a dh'ionnsaicheas tu
Le bhith a’ togail an tagraidh seo, leasaichidh tu do sgilean React a’ cleachdadh an API Hooks a tha an ìre mhath ùr. Bidh am pròiseact sampall a’ cleachdadh co-phàirtean React, tòrr dubhan, API taobh a-muigh, agus gu dearbh cuid de stoidhle CSS.
Tech stac agus feartan
- Dèan freagairt le dubhan
- cruthaich-react-app
- jsx
- CSS
Gun a bhith a’ cleachdadh chlasaichean sam bith, bheir na pròiseactan sin an t-àite inntrigidh foirfe dhut gu gnìomh React agus gu cinnteach cuidichidh iad thu ann an 2020. gheibh thu . Lean an stiùireadh no dèan e leat fhèin.
App cabadaich le Vue
Is e pròiseact math eile dhut app cabadaich a thogail a’ cleachdadh an leabharlann JavaScript as fheàrr leam: VueJS. Seallaidh an tagradh rudeigin mar seo:
Dè a dh'ionnsaicheas tu
San oideachadh seo, ionnsaichidh tu mar a nì thu app Vue bhon fhìor thoiseach - cruthaich co-phàirtean, làimhseachadh stàitean, cruthaich slighean, ceangail ri seirbheisean treas-phàrtaidh, agus eadhon làimhsich dearbhadh.
Tech stac agus feartan
- sealladh
- vuex
- Router Vue
- Vue CLI
- Pusher
- CSS
Is e pròiseact fìor mhath a tha seo airson tòiseachadh le Vue no na sgilean a th’ agad mu thràth a leasachadh gus tòiseachadh air leasachadh ann an 2020. gheibh thu .
Aplacaid sìde breagha le Angular 8
Cuidichidh an eisimpleir seo thu gus app sìde bhrèagha a thogail a’ cleachdadh Angular 8:
Dè a dh'ionnsaicheas tu
Ionnsaichidh am pròiseact seo sgilean luachmhor dhut ann a bhith a’ togail thagraidhean bhon fhìor thoiseach - bho dhealbhadh gu leasachadh, fad na slighe gu tagradh deiseil airson a chleachdadh.
Tech stac agus feartan
- Ceàrnach 8
- Firebase
- Rendering Taobh an Fhrithealaiche
- CSS le Grid agus Flexbox
- Càirdeil gluasadach agus sùbailteachd
- Modh dorcha
- Eadar-aghaidh brèagha
Is e an rud a tha a’ còrdadh rium gu mòr mun phròiseact coileanta seo nach bi thu a’ sgrùdadh rudan leat fhèin. An àite sin, ionnsaichidh tu am pròiseas leasachaidh gu lèir bho dhealbhadh gu cleachdadh deireannach.
Aplacaid ri dhèanamh le Svelte
Tha Svelte coltach ris an leanabh ùr anns an dòigh-obrach co-phàirteach - co-dhiù coltach ri React, Vue agus Angular. Agus is e seo aon de na toraidhean ùra as teotha airson 2020.
Is dòcha nach e aplacaidean To-Do an cuspair as teotha, ach cuidichidh iad thu gu mòr gus do sgilean Svelte adhartachadh. Seallaidh e mar seo:
Dè a dh'ionnsaicheas tu
Seallaidh an oideachadh seo dhut mar a chruthaicheas tu tagradh a’ cleachdadh Svelte 3, bho thoiseach gu deireadh. Cleachdaidh tu co-phàirtean, stoidhle agus làimhseachadh thachartasan
Tech stac agus feartan
- Sgeul 3
- Components
- Stoidhlichean le CSS
- Co-chòrdadh ES6
Chan eil mòran phròiseactan tòiseachaidh math Svelte ann, mar sin lorg mi .
App e-malairt le Next.js
Is e Next.js am frèam as mòr-chòrdte airson aplacaidean React a thogail a bheir taic do thoirt seachad taobh an fhrithealaiche a-mach às a’ bhogsa.
Seallaidh am pròiseact seo dhut mar a chruthaicheas tu tagradh e-malairt a tha coltach ri seo:
Dè a dh'ionnsaicheas tu
Sa phròiseact seo, ionnsaichidh tu mar a leasaicheas tu le Next.js — cruthaich duilleagan is co-phàirtean ùra, faigh dàta air ais, agus stoidhle agus cuir an sàs tagradh Next.
Tech stac agus feartan
- Air adhart.js.
- Co-phàirtean agus duilleagan
- Sampall dàta
- Stylization
- Cur an gnìomh pròiseict
- SSR agus SPA
Tha e an-còmhnaidh math eisimpleir fìor a bhith agad mar app e-malairt gus rudeigin ùr ionnsachadh. Faodaidh tu .
Blog làn ioma-chànanach le Nuxt.js
Tha Nuxt.js airson Vue, mar a tha Next.js airson React: frèam math airson toirt seachad taobh an fhrithealaiche agus tagraidhean aon-dhuilleag a thoirt còmhla
Bidh an tagradh mu dheireadh as urrainn dhut a chruthachadh a’ coimhead mar seo:
Dè a dh'ionnsaicheas tu
Anns a’ phròiseact sampall seo, ionnsaichidh tu mar a thogas tu làrach-lìn iomlan a’ cleachdadh Nuxt.js, bhon chiad stèidheachadh gu cleachdadh deireannach.
Bidh e a’ gabhail brath air mòran de na feartan fionnar a tha aig Nuxt ri thabhann, leithid duilleagan agus co-phàirtean, agus stoidhle le SCSS.
Tech stac agus feartan
- Nuxt.js
- Co-phàirtean agus duilleagan
- modal bloc-sgeulachd
- Measgachadh
- Vuex airson riaghladh stàite
- SCSS airson stoidhle
- Ùr bathar-bog meadhanach
, a tha a 'toirt a-steach mòran de fheartan mòra Nuxt.js. Is toil leam gu pearsanta a bhith ag obair le Nuxt agus mar sin bu chòir dhut feuchainn air oir nì e deagh leasaiche Vue thu cuideachd.
Blog le Gatsby
Tha Gatsby na ghineadair làrach statach sgoinneil a’ cleachdadh React agus GraphQL. Seo toradh a’ phròiseict:
Dè a dh'ionnsaicheas tu
San oideachadh seo, ionnsaichidh tu mar a chleachdas tu Gatsby gus blog a chruthachadh a chleachdas tu gus na h-artaigilean agad fhèin a sgrìobhadh a’ cleachdadh React agus GraphQL.
Tech stac agus feartan
- Gatsby
- React
- GrafQL
- Plugins agus cuspairean
- MDX/Markdown
- Bootstrap airson css
- Templates
Ma bha thu a-riamh airson blog a thòiseachadh, mar a nì thu e a’ cleachdadh React agus GraphQL.
Chan eil mi ag ràdh gur e droch roghainn a th’ ann an WordPress, ach le Gatsby faodaidh tu làraich-lìn àrd-choileanadh a thogail a’ cleachdadh React - a tha na mheasgachadh iongantach.
Blog le Gridsome
Gridsome airson Vue… Ceart gu leòr, bha sin againn mu thràth le Next/Nuxt.
Ach tha an aon rud fìor airson Gridsome agus Gatsby. Bidh an dithis a’ cleachdadh GraphQL mar an ìre dàta aca, ach bidh Gridsome a’ cleachdadh VueJS. Tha e cuideachd na ghineadair làrach-lìn statach sgoinneil gus do chuideachadh le bhith a’ cruthachadh blogaichean sgoinneil:
Dè a dh'ionnsaicheas tu
Ionnsaichidh am pròiseact seo dhut mar a chruthaicheas tu blog sìmplidh gus tòiseachadh le Gridsome, GraphQL agus Markdown. Tha e cuideachd a’ mìneachadh mar a chleachdas tu tagradh tro Netlify.
Tech stac agus feartan
- Grianach
- sealladh
- GrafQL
- Markdown
- lìon
Chan e seo gu cinnteach an oideachadh as coileanta, ach tha e a’ còmhdach bun-bheachdan Gridsome agus .
Cluicheadair claisneachd coltach ri SoundCloud a ’cleachdadh Quasar
Tha Quasar na fhrèam Vue eile a dh'fhaodar a chleachdadh gus aplacaidean gluasadach a thogail. Sa phròiseact seo, cruthaichidh tu aplacaid cluicheadair claisneachd mar:
Dè a dh'ionnsaicheas tu
Fhad ‘s a tha pròiseactan eile ag amas gu sònraichte air aplacaidean lìn, seallaidh am fear seo dhut mar a thogas tu app gluasadach a’ cleachdadh Vue agus frèam Quasar.
Bu chòir dhut Cordova obrach a bhith agad mu thràth le Android Studio / Xcode air a stèidheachadh. Mura h-eil, tha ceangal aig an leabhar-làimhe gu làrach-lìn Quasar far am bi iad a’ sealltainn dhut mar a chuireas tu a h-uile càil air dòigh.
Tech stac agus feartan
- cuasar
- sealladh
- Cordova
- surfadh tonn
- Co-phàirtean UI
, a’ taisbeanadh comasan Quasar airson a bhith a’ togail thagraidhean gluasadach.
Форма кредитной карты
Cruth cairt creideas fionnar le meanbh-eadar-obrachaidhean rèidh agus tlachdmhor. A’ toirt a-steach cruth àireamh, dearbhadh agus lorg seòrsa cairt fèin-ghluasadach. Tha e air a thogail air Vue.js agus tha e cuideachd làn fhreagarrach. (Chì thu .)
Na bhios tu ag ionnsachadh:
- Pròiseas agus dearbhaich foirmean
- Làimhseachadh tachartasan (mar eisimpleir, nuair a dh’ atharraicheas raointean)
- Tuig mar a sheallas tu agus a chuireas tu eileamaidean air an duilleag, gu sònraichte am fiosrachadh cairt creideas a nochdas air mullach an fhoirm
graf bàr
Is e cairt no graf a th’ ann an histogram a tha a’ riochdachadh dàta gnèitheach le bàraichean ceart-cheàrnach le àirdean no faid co-rèireach ris na luachan a tha iad a’ riochdachadh.
Faodaidh iad a bhith air an cur an sàs gu dìreach no gu còmhnard. Uaireannan canar clàr-loidhne ri clàr-bàr dìreach.
Na bhios tu ag ionnsachadh:
- Taisbeanadh dàta ann an dòigh structarail is so-thuigsinn
- A bharrachd air an sin: Ionnsaich mar a chleachdas tu an eileamaid
canvasagus mar a tharraingeas tu eileamaidean leis
gheibh thu dàta àireamh-sluaigh an t-saoghail. Tha iad air an òrdachadh a rèir bliadhna.
Анимация сердечка Twitter
Air ais ann an 2016, thug Twitter a-steach am beòthalachd iongantach seo airson na tweets aige. Mar 2019, tha e fhathast a’ coimhead a ’phàirt, mar sin carson nach cruthaich thu fear thu fhèin?
Na bhios tu ag ionnsachadh:
- Obraich le feart CSS
keyframes - Làimhseachadh agus beòthachadh eileamaidean HTML
- Cuir còmhla JavaScript, HTML agus CSS
Репозитории GitHub с функцией поиска
Chan eil dad sam bith an seo - chan eil ann an stòran GitHub ach liosta glòrmhor.
Is e an t-amas na stòran a thaisbeanadh agus leigeil leis an neach-cleachdaidh an sìoladh. Cleachd gus stòran fhaighinn airson gach neach-cleachdaidh.
duilleag pròifil GitHub -
Na bhios tu ag ionnsachadh:
- Faigh dàta bho API
- Seall dàta bho API
- Criathraich agus seall dàta buntainneach airson gach sgrùdadh
- Roghainneil: Ma tha thu deiseil airson dùbhlan, cleachd , air a thogail a’ cleachdadh GraphQL. .
Чаты в стиле Reddit
Tha cabadaich nan dòigh conaltraidh mòr-chòrdte air sgàth cho sìmplidh ‘s a tha iad agus cho furasta an cleachdadh. Ach dè dha-rìribh a tha a’ brosnachadh seòmraichean còmhraidh an latha an-diugh? WebSockets!
Na bhios tu ag ionnsachadh:
- Cleachd WebSockets, conaltradh fìor-ùine agus ùrachaidhean dàta
- Obraich le ìrean ruigsinneachd luchd-cleachdaidh (mar eisimpleir, tha an dreuchd aig sealbhadair seanail cabadaich
admin, agus cuid eile anns an t-seòmar-user) - Pròiseas agus dearbhaich foirmean - cuimhnich, is e an uinneag cabadaich airson teachdaireachd a chuir
input - Cruthaich agus gabh pàirt ann an diofar chòmhraidhean
- Obraich le teachdaireachdan pearsanta. Faodaidh luchd-cleachdaidh bruidhinn ri luchd-cleachdaidh eile gu prìobhaideach. Gu bunaiteach, bidh thu a’ stèidheachadh ceangal WebSocket eadar dà neach-cleachdaidh.
Навигация в стиле Stripe
Is e an rud a tha a’ fàgail an t-seòlaidh seo gun samhail gu bheil an inneal popover ag atharrachadh gus freagairt air an t-susbaint. Tha eireachdas anns a’ ghluasad seo an taca ris a’ ghiùlan thraidiseanta a bhith a’ fosgladh agus a’ dùnadh popover ùr.
Na bhios tu ag ionnsachadh:
- Cuir còmhla beòthachadh CSS le eadar-ghluasadan
- Meudaich an susbaint agus cuir a-steach clas gnìomhach ris an eileamaid fleòdraidh
Pacman
Cruthaich an dreach agad fhèin de Pacman. Is e deagh dhòigh a tha seo airson beachd fhaighinn air mar a thèid geamannan a leasachadh agus na bunaitean a thuigsinn. Cleachd frèam JavaScript, React no Vue.
Ionnsaichidh tu:
- Mar a ghluaiseas eileamaidean
- Mar a nì thu co-dhùnadh dè na h-iuchraichean a bhrùthas tu
- Mar a nì thu co-dhùnadh air àm an tubaist
- Faodaidh tu a dhol nas fhaide agus cuir smachdan gluasad taibhse ris
Lorgaidh tu eisimpleir den phròiseact seo GitHub
riaghladh luchd-cleachdaidh
Am pròiseact GitHub
Ionnsaichidh cruthachadh tagradh seòrsa CRUD airson rianachd luchd-cleachdaidh bunaitean leasachaidh dhut. Tha seo gu sònraichte feumail do luchd-leasachaidh ùr.
Ionnsaichidh tu:
- Dè th' ann an routing
- Mar a làimhsicheas tu foirmean inntrigidh dàta agus thoir sùil air na chuir an neach-cleachdaidh a-steach
- Mar a dh’obraicheas tu leis an stòr-dàta - cruthaich, leugh, ùraich agus cuir às do ghnìomhan
Проверка погоды в вашем местоположении
Am pròiseact GitHub
Ma tha thu airson aplacaidean a chruthachadh, tòisich le app sìde. Faodar am pròiseact seo a chrìochnachadh le Swift.
A bharrachd air eòlas fhaighinn air togail tagradh, ionnsaichidh tu:
- Mar a dh'obraicheas tu leis an API
- Mar a chleachdas tu geolocation
- Dèan an tagradh agad nas beothaile le bhith a’ cur a-steach teacsa. Air an sin, bidh e comasach do luchd-cleachdaidh a dhol a-steach don àite aca gus sùil a thoirt air an aimsir ann an àite sònraichte.
Bidh feum agad air API. Gus dàta sìde fhaighinn, cleachd an OpenWeather API. Barrachd fiosrachaidh mun OpenWeather API.
Окно чата
An uinneag cabadaich agam an gnìomh, fosgail ann an dà taba brobhsair
Is e cruthachadh uinneag cabadaich an dòigh cheart air tòiseachadh le socaidean. Tha an roghainn de stac tech gu math mòr. Tha Node.js, mar eisimpleir, foirfe.
Ionnsaichidh tu mar a bhios socaidean ag obair agus mar a chuireas tu an gnìomh iad. Is e seo prìomh bhuannachd a’ phròiseict seo.
Ma tha thu nad leasaiche Laravel a tha airson a bhith ag obair le socaidean, leugh mo
GitLab CI
Ma tha thu ùr do aonachadh leantainneach (CI), cluich timcheall le GitLab CI. Stèidhich beagan àrainneachdan agus feuch ri ruith deuchainn no dhà. Chan e pròiseact glè dhoirbh a th’ ann, ach tha mi cinnteach gun ionnsaich thu tòrr bhuaithe. Tha mòran sgiobaidhean leasachaidh a-nis a’ cleachdadh CI. Tha fios mar a chleachdas tu e feumail.
Ionnsaichidh tu:
- Dè a th’ ann an GitLab CI
- Ciamar a rèiteachadh
.gitlab-ci.ymla dh’ innseas don neach-cleachdaidh GitLab dè a nì iad - Mar a thèid a chuir gu àrainneachdan eile
Анализатор сайтов
Dèan sgrìob a nì sgrùdadh air semantics làraich-lìn agus a chruthaicheas an rangachadh aca. Mar eisimpleir, faodaidh tu sgrùdadh a dhèanamh airson tagaichean alt a tha a dhìth ann an ìomhaighean. No dèan cinnteach a bheil meta tags SEO air an duilleag. Faodar scraper a chruthachadh gun eadar-aghaidh cleachdaiche.
Ionnsaichidh tu:
- Ciamar a tha scraper ag obair?
- Mar a chruthaicheas tu luchd-taghaidh DOM
- Mar a sgrìobhas tu algorithm
- Mura h-eil thu airson stad an sin, cruthaich eadar-aghaidh cleachdaiche. Faodaidh tu cuideachd aithisg a chruthachadh air gach làrach-lìn air an dèan thu sgrùdadh.
Определение настроений в социальных сетях
Tha lorg faireachdainn air na meadhanan sòisealta na dhòigh math air eòlas fhaighinn air ionnsachadh innealan.
Faodaidh tu tòiseachadh le bhith a’ dèanamh anailis air dìreach aon lìonra sòisealta. Mar as trice bidh a h-uile duine a’ tòiseachadh le Twitter.
Ma tha eòlas agad mu thràth air ionnsachadh innealan, feuch ri cruinneachadh dàta bho dhiofar lìonraidhean sòisealta agus gan cur còmhla.
Ionnsaichidh tu:
- Dè th’ ann an ionnsachadh inneal
Клон Trello
Na bhios tu ag ionnsachadh:
- Eagrachadh slighean giollachd iarrtasan (Routing).
- Slaod agus leig às.
- Mar a chruthaicheas tu nithean ùra (bùird, liostaichean, cairtean).
- A’ giullachd agus a’ sgrùdadh dàta cuir a-steach.
- Bho thaobh an neach-dèiligidh: mar a chleachdas tu stòradh ionadail, mar a shàbhaileas tu dàta gu stòradh ionadail, mar a leughas tu dàta bho stòradh ionadail.
- Bho thaobh an fhrithealaiche: mar a chleachdas tu stòran-dàta, mar a shàbhaileas tu dàta san stòr-dàta, mar a leughas tu dàta bhon stòr-dàta.
, air a dhèanamh ann an React + Redux.
Панель админа
Iarrtas CRUD sìmplidh, air leth freagarrach airson na bunaitean ionnsachadh. Ionnsaichidh sinn:
- Cruthaich luchd-cleachdaidh, stiùir luchd-cleachdaidh.
- Dèan eadar-obrachadh leis an stòr-dàta - cruthaich, leugh, deasaich, cuir às do luchd-cleachdaidh.
- A’ dearbhadh cuir a-steach agus ag obair le foirmean.
Трекер криптовалют (нативное мобильное приложение)
Rud sam bith: Swift, Amas-C, React Native, Java, Kotlin.
Dèanamaid sgrùdadh:
- Mar a tha tagraidhean dùthchasach ag obair.
- Mar a gheibh thu dàta air ais bhon API.
- Mar a tha cruth dhuilleagan dùthchasach ag obair.
- Mar a dh'obraicheas le mobile simulators.
. Ma lorgas tu rudeigin nas fheàrr, sgrìobh anns na beachdan.
Ma tha ùidh agad, seo e .
Настроить собственный конфиг webpack с нуля
Gu teicnigeach, chan e tagradh a tha seo, ach tha e na ghnìomh glè fheumail a bhith a’ tuigsinn mar a tha pasgan-lìn ag obair bhon taobh a-staigh. A-nis chan e “bogsa dubh” a bhios ann, ach inneal a tha furasta a thuigsinn.
Riatanasan:
- Cuir ri chèile es7 gu es5 (bunaitean).
- Cuir ri chèile jsx gu js - no - .vue gu .js (feumaidh tu luchdan ionnsachadh)
- Stèidhich webpack dev server agus ath-luchdachadh modal teth. (cleachd vue-cli agus cruthaich-react-app an dà chuid)
- Cleachd Heroku, now.sh no Github, ionnsaich mar a chleachdas tu pròiseactan pacaid lìn.
- Stèidhich an ro-phròiseasar as fheàrr leat gus css - scss, nas lugha, stylus a chuir ri chèile.
- Ionnsaich mar a chleachdas tu ìomhaighean agus svgs le webpack.
Клон Hackernews
Feumaidh a h-uile Jedi na naidheachdan Hacker aige fhèin a dhèanamh.
Na dh’ ionnsaicheas tu air an t-slighe:
- Mar a nì thu eadar-obrachadh le hackernews API.
- Mar a chruthaicheas tu tagradh aon-dhuilleag.
- Mar a chuireas tu feartan an gnìomh leithid coimhead air beachdan, beachdan fa leth, pròifilean.
- Eagrachadh slighean giollachd iarrtasan (Routing).
Тудушечка
Gu dona? Tudushka? Tha mìltean dhiubh ann. Ach creidibh mise, tha adhbhar ann airson a’ mhòr-shluaigh seo.
Tha an app Tudu na dhòigh math air dèanamh cinnteach gu bheil thu a’ tuigsinn na bunaitean. Feuch ri aon tagradh a sgrìobhadh ann an Javascript vanilla agus aon san fhrèam as fheàrr leat.
Ionnsaich:
- Cruthaich gnìomhan ùra.
- Dèan cinnteach gu bheil na raointean air an lìonadh.
- Filter gnìomhan (crìochnaichte, gnìomhach, uile). Cleachd
filterиreduce. - Tuig bunaitean Javascript.
Сортируемый drag and drop список
Gu math cuideachail a thuigsinn .
Ionnsaichidh sinn:
- Slaod is leig às API
- Cruthaich UI beairteach
Клон мессенджера (нативное приложение)
Tuigidh tu mar a bhios an dà chuid tagraidhean lìn agus tagraidhean dùthchasach ag obair, a chuireas air leth thu bhon tomad liath.
Na bhios sinn ag ionnsachadh:
- Socaidean lìn (teachdaireachdan sa bhad)
- Mar a tha tagraidhean dùthchasach ag obair.
- Mar a tha teamplaidean ag obair ann an tagraidhean dùthchasach.
- Ag eagrachadh slighean giullachd iarrtasan ann an tagraidhean dùthchasach.
Deasaiche teacsa
Is e adhbhar deasaiche teacsa oidhirp luchd-cleachdaidh a lughdachadh a tha a’ feuchainn ris an fhòrmat aca a thionndadh gu comharra HTML dligheach. Tha deasaiche teacsa math a’ leigeil le luchd-cleachdaidh teacsa a chruth ann an diofar dhòighean.
Aig àm air choreigin, tha a h-uile duine air deasaiche teacsa a chleachdadh. Mar sin carson nach eil ?
Клон Reddit
na chruinneachadh de naidheachdan sòisealta, rangachadh susbaint lìn agus làrach deasbaid.
Bidh Reddit a’ toirt a’ mhòr-chuid den ùine agam, ach tha mi a’ cumail a’ dol a-mach air. Tha cruthachadh clon Reddit na dhòigh èifeachdach air prògramadh ionnsachadh (fhad ‘s a tha thu a’ brobhsadh Reddit aig an aon àm).
Tha Reddit a 'toirt dhut beairteas beairteach. Na fàg a-mach feartan sam bith no dèan rudan air thuaiream. Anns an fhìor shaoghal le teachdaichean agus luchd-ceannach, chan urrainn dhut a bhith ag obair air thuaiream, no caillidh tu an obair agad gu sgiobalta.
Tuigidh teachdaichean glic sa bhad gu bheil an obair air a dhèanamh gu dona agus lorgaidh iad cuideigin eile.
Публикация пакета NPM с открытым исходным кодом
Ma sgrìobhas tu còd Javascript, tha teansa gun cleachd thu manaidsear pacaid. Leigidh manaidsear pacaid leat an còd a th’ ann mu thràth a tha daoine eile air sgrìobhadh agus fhoillseachadh a-rithist.
Bheir tuigse air cearcall leasachaidh iomlan pasgan eòlas fìor mhath. Tha tòrr rudan ann a dh’ fheumas tu a bhith eòlach nuair a bhios tu a’ foillseachadh còd. Feumaidh tu smaoineachadh air tèarainteachd, tionndadh semantach, scalability, gnàthasan ainmeachadh agus cumail suas.
Faodaidh am pasgan a bhith mar rud sam bith. Mura h-eil beachd agad, cruthaich do Lodash fhèin agus foillsich e.
Lodash:
Le bhith a’ faighinn rudeigin a rinn thu air-loidhne tha thu 10% os cionn chàich. mu stòran fosgailte agus pasganan.
Учебный план freeCodeCamp
tha freeCodecamp air tòrr a chruinneachadh .
Is e buidheann neo-phrothaideach a th’ ann an freeCodeCamp. Tha e air a dhèanamh suas de àrd-ùrlar ionnsachaidh eadar-ghnìomhach stèidhichte air an lìon, fòram coimhearsnachd air-loidhne, seòmraichean còmhraidh, foillseachaidhean Meadhanach, agus buidhnean ionadail a tha an dùil leasachadh lìn ionnsachaidh a dhèanamh ruigsinneach don h-uile duine.
Bidh barrachd air teisteanas agad airson a’ chiad obair agad ma thèid agad air a’ chùrsa gu lèir a chrìochnachadh.
Создайте HTTP-сервер с нуля
Is e am protocol HTTP aon de na prìomh phròtacalan tro bheil susbaint a’ siubhal air an eadar-lìn. Bithear a’ cleachdadh frithealaichean HTTP gus susbaint statach leithid HTML, CSS, agus JS a fhrithealadh.
Le bhith comasach air protocol HTTP a chuir an gnìomh bhon fhìor thoiseach leudaichidh sin d’ eòlas air mar a bhios cùisean ag eadar-obrachadh.
Mar eisimpleir, ma chleachdas tu NodeJs, tha fios agad gu bheil Express a’ toirt seachad frithealaiche HTTP.
Airson iomradh, faic an urrainn dhut:
- Stèidhich frithealaiche gun a bhith a 'cleachdadh leabharlannan sam bith
- Feumaidh am frithealaiche susbaint HTML, CSS agus JS a fhrithealadh.
- Cur an gnìomh router from scratch
- Cum sùil air atharrachaidhean agus ùraich am frithealaiche
Mura h-eil fios agad carson, cleachd agus feuch ri frithealaiche HTTP a chruthachadh bhon toiseach.
Десктопное приложение для заметок
Bidh sinn uile a’ gabhail notaichean, nach eil?
Cruthaichidh sinn app notaichean. Feumaidh an aplacaid notaichean a shàbhaladh agus an sioncronadh leis an stòr-dàta. Tog app dùthchasach a’ cleachdadh Electron, Swift, no ge bith dè as toil leat agus dè a bhios ag obair don t-siostam agad.
Faodaidh tu seo a chur còmhla ris a’ chiad dùbhlan (neach-deasachaidh teacsa).
Mar bhuannachd, feuch ri sioncronaich an dreach deasg agad leis an dreach lìn.
Подкасты (клон Overcast)
Cò nach èist ri podcasts?
Cruthaich tagradh lìn leis na feartan a leanas:
- Cruthaich cunntas
- Rannsaich Podcasts
- Ìre agus fo-sgrìobh gu podcasts
- Stad is cluich, atharraich astar, gnìomhan air adhart agus air ais airson 30 diogan.
Feuch ris an iTunes API a chleachdadh mar thoiseach tòiseachaidh. Ma tha sibh eòlach air goireasan sam bith eile, feuch nach cuir sibh post anns na beachdan.
Glacadh-sgrìn
Halò! Tha mi a’ filmeadh mo sgrion an-dràsta!
Cruthaich aplacaid deasg no lìn a leigeas leat do sgrion a ghlacadh agus a’ chriomag a shàbhaladh mar .gif
an seo ciamar a choileanar seo.
Stòran
Source: www.habr.com