1. Клон Notion
Приложение Notion полюбилось многим, оно позволяет оптимизировать рабочий процесс, работать с документами, планировать задачи, синхронизировать данные между устройствами.
Чему вы научитесь, создавая клон Notion:
- . Пользователь может «схватить мышкой» draggable элемент и поместить его в droppable зону.
- Как синхронизировать в режиме реального времени данные между компьютером и смартфоном.
- Мы позволяем пользователям создавать, читать, обновлять и удалять записи, тем самым мы тренируем CRUD-навыки.
L'articulu hè statu traduttu cù u sustegnu di EDISON Software, chì , cum'è ancu .
2. Клон Repl.it
Repl.it -это инструмент для совместного редактирования кода в реальном времени. Можно выбрать несколько языков: JavaScript, Python, Go и выполнять код прямо в браузере. Очень полезно для быстрых демонстраций и код-интервью.
Чему вы научитесь, создавая клон Repl.it:
- Как запускать и выполнять код (server-side) в браузере (client-side).
- Считывать входные данные (исходный код) и выводить на экран результат выполнения.
- Как создавать файлы и папки в вебе и сохранять результаты.
- Как подсвечивать синтаксис кода.
3. Клон Google Photos
Google Photos это сервис для хранения и обмена фоток.
Любое современное приложение по работе с фотографиями умеет выполнять базовые функции: загружать, обрезать и пр. Люди хотят создавать свои аватарки и делиться фотками котиков, поэтому надо уметь работать с изображениями.
Чему вы научитесь, создавая клон Google Photos:
- Как создавать адаптивные изображения на телефонах, планшетах, ноутбуках и даже на гигантских экранах телевизоров.
- Как обрабатывать загрузку изображений, особенно больших изображений (>1МБ) и массовых загрузок.
- Обработка файлов изображений, обрезка и изменение размера фотографий для миниатюр или при открытии галереи.
- Bonus: как хранить изображения в облаке или локальной базе данных.
4. Клон Gifsky
конвертирует видео в GIF используя функции для эффективных палитр кросс-кадров и временного сглаживания. В результате получается гифка с тысячами цветов на кадр.
Чему вы научитесь, создавая клон Gifski:
- Как конвертировать видео файлы (.mp4 в .gif).
- Как использовать API Drag and Drop HTML.
- Как работают оптимизация и обработка изображений.
Nutate bè: и есть на GitHub!
5. Мониторинг курсов криптовалют
React Native cryptocurrency tracker
Чему вы научитесь, создавая трекер курса валют:
- Как работать с API и получать данные удаленно из API.
- Как отобразить данные в виде списка.
- Bonus: Если вам интересно, я недавно написал на криптовалюту с React Native.
Nutate bè: quì .
Подборка проектов из предыдущих публикаций.
Annunzio
Layer hè una cumunità induve ognunu pò disegnà un pixel nantu à una "tavola" spartuta. L'idea originale hè nata in Reddit. A cumunità r / Layer hè una metàfora per a creatività spartuta, chì tutti ponu esse un creatore è cuntribuiscenu à una causa cumuna.
Ciò chì amparate quandu crea u vostru propiu prughjettu Layer:
- Cumu funziona u tela di JavaScript Sapendu cumu uperà un tela hè una cumpetenza critica in parechje applicazioni.
- Cumu coordinate i permessi di l'utilizatori. Ogni utilizatore pò disegnà un pixel ogni 15 minuti senza avè da login.
- Crea sessioni di cookie.
Squoosh
Squoosh hè una applicazione di cumpressione d'imaghjini cù parechje opzioni avanzate.
GIF 20 MB
Creendu a vostra propria versione di Squoosh amparate:
- Cumu travaglià cù dimensioni di l'imaghjini
- Amparate i principii di l'API Drag'n'Drop
- Capisce cumu funziona l'API è l'auditori di l'avvenimenti
- Cumu carricà è esportà i fugliali
Nutate bè: U compressore di l'imaghjini hè locale. Ùn hè necessariu di mandà dati supplementari à u servitore. Pudete avè u compressore in casa, o pudete aduprà nantu à un servitore, a vostra scelta.
Calcolatrice
Aiò? Seriu? Calculatrice? Iè, esattamente, una calculatrice. Capisce i principii di l'operazioni matematiche è cumu si travaglianu inseme hè una cumpetenza critica per simplificà e vostre applicazioni. Prima o dopu avete da trattà cù numeri è più prestu u megliu.
Creendu a vostra propria calculatrice amparate:
- U travagliu cù numeri è operazioni matematiche
- Praticate cù l'API d'ascoltatori di l'avvenimenti
- Cumu organizà elementi, capisce i stili
Crawler (motore di ricerca)
Tutti anu utilizatu un mutore di ricerca, allora perchè micca creà u vostru propiu? I crawlers sò necessarii per circà l'infurmazioni. Tutti l'utilizanu ogni ghjornu è a dumanda di sta tecnulugia è i specialisti crescenu solu cù u tempu.
mutore di ricerca di Google
Ciò chì amparate creendu u vostru propiu mutore di ricerca:
- Cumu travaglianu i crawlers
- Cumu indexà i siti è cumu si classificà per classificazione è reputazione
- Cumu guardà i siti indexati in una basa di dati è cumu travaglià cù a basa di dati
Lettore di musica (Spotify, Apple Music)
Tutti sentenu a musica - hè solu una parte integrante di a nostra vita. Creemu un lettore di musica per capisce megliu cumu funziona a meccanica basica di una piattaforma di streaming di musica muderna.
nirvana
Ciò chì amparate creendu a vostra propria piattaforma di streaming di musica:
- Cumu travaglià cù l'API. aduprà API da Spotify o Apple Music
- Cumu ghjucà, mette in pausa o retrocede à a traccia successiva / precedente
- Cumu cambià u voluminu
- Cumu gestisce u routing di l'utilizatori è a storia di u navigatore
App di ricerca di filmi cù React (cù ganci)
A prima cosa chì pudete inizià hè di custruisce una app di ricerca di film cù React. Quì sottu hè una maghjina di ciò chì l'app finale serà cum'è:
Chì imparerete
Custruendu sta applicazione, migliurà e vostre cumpetenze React usendu l'API Hooks relativamente nova. U prughjettu di mostra usa cumpunenti React, assai ganci, una API esterna, è di sicuru un stilu CSS.
Stack tecnologicu è caratteristiche
- Reagisce cù i ganci
- create-reagisce-app
- JSX
- CSS
Senza aduprà alcuna classi, sti prughjetti vi dannu u puntu di ingressu perfettu in React funzionale è vi aiuteranu sicuramente in 2020. pudete truvà . Segui l'istruzzioni o fate u vostru propiu.
App di chat cù Vue
Un altru grande prughjettu per voi hè di custruisce una app di chat utilizendu a mo libreria JavaScript preferita: VueJS. L'applicazione sarà simile à questu:
Chì imparerete
In questu tutoriale, amparate cumu fà una app Vue da zero - crea cumpunenti, gestisce stati, crea rotte, cunnette cù servizii di terzu, è ancu gestisce l'autentificazione.
Stack tecnologicu è caratteristiche
- Vue
- vuex
- vue router
- Vue CLI
- Pusher
- CSS
Questu hè un prughjettu veramente grande per inizià cù Vue o migliurà e vostre cumpetenze esistenti per entre in u sviluppu in 2020. pudete truvà .
Bella app di u clima cù Angular 8
Questu esempiu vi aiuterà à custruisce una bella app climatica cù Angular 8:
Chì imparerete
Stu prughjettu vi insegnerà e cumpetenze preziose in a custruzione di applicazioni da zero - da u disignu à u sviluppu, finu à una applicazione pronta à implementà.
Stack tecnologicu è caratteristiche
- Angulare 8
- Firebase
- Rendering Side Server
- CSS cù Grid è Flexbox
- Amichevule mobile è adattabilità
- Modu scuru
- Bella interfaccia
Ciò chì mi piace veramente di stu prughjettu cumpletu hè chì ùn studiate micca e cose in isolamentu. Invece, amparate tuttu u prucessu di sviluppu da u disignu à l'implementazione finale.
App To-Do cù Svelte
Svelte hè cum'è u novu caprettu in l'approcciu di cumpunenti - almenu simili à React, Vue è Angular. È questu hè unu di i prudutti novi più caldi per 2020.
L'applicazioni To-Do ùn sò micca necessariamente u tema più caldu, ma vi aiuteranu veramente à migliurà e vostre cumpetenze Svelte. Serà cusì:
Chì imparerete
Stu tutoriale vi mostrarà cumu creà una applicazione cù Svelte 3, da u principiu à a fine. Aduprate cumpunenti, stili è gestori di eventi
Stack tecnologicu è caratteristiche
- Sveltu 3
- Cumpunenti
- Stile cù CSS
- Sintassi ES6
Ùn ci sò micca assai boni prughjetti di starter Svelte, cusì aghju trovu .
App di ecommerce cù Next.js
Next.js hè u quadru più famosu per custruisce l'applicazioni React chì supportanu a rendering di u servitore fora di a scatula.
Stu prughjettu vi mostrarà cumu creà una applicazione di e-commerce chì pare cusì:
Chì imparerete
In questu prughjettu, amparate cumu sviluppà cù Next.js - creà pagine è cumpunenti novi, ricuperà dati, è stile è implementà una applicazione Next.
Stack tecnologicu è caratteristiche
- Next.js
- Cumpunenti è Pagine
- Sampling di dati
- Styling
- Impiegazione di u prugettu
- SSR è SPA
Hè sempre bellu avè un esempiu di a vita reale cum'è una app di e-commerce per amparà qualcosa di novu. Poi .
Blog multilingue cumpletu cù Nuxt.js
Nuxt.js hè per Vue, cum'è Next.js hè per React: un grande quadru per cumminà a rendering di u servitore è l'applicazioni di una sola pagina
L'ultima applicazione chì pudete creà sarà cusì:
Chì imparerete
In questu prughjettu di mostra, amparate cumu custruisce un situ web cumpletu cù Nuxt.js, da a configurazione iniziale à a implementazione finale.
Piglia assai di e funzioni interessanti chì Nuxt hà da offre, cum'è pagine è cumpunenti, è stili cù SCSS.
Stack tecnologicu è caratteristiche
- Nuxt.js
- Cumpunenti è Pagine
- modulu di storyblock
- Mixins
- Vuex per a gestione statale
- SCSS per styling
- Nuxt middlewares
, chì include assai di e grandi funziunalità di Nuxt.js. Personalmente, mi piace à travaglià cù Nuxt, cusì duvete pruvà cum'è vi farà ancu un grande sviluppatore Vue.
Blog cù Gatsby
Gatsby hè un grande generatore di situ staticu cù React è GraphQL. Questu hè u risultatu di u prugettu:
Chì imparerete
In questu tutoriale, amparate cumu utilizà Gatsby per creà un blog chì avete aduprà per scrive i vostri articuli cù React è GraphQL.
Stack tecnologicu è caratteristiche
- gatsby
- React
- GraphQL
- Plugins è Temi
- MDX/Markdown
- Bootstrap CSS
- Modelli
Se avete mai vulutu inizià un blog, cumu fà cù React è GraphQL.
Ùn dicu micca chì WordPress hè una mala scelta, ma cù Gatsby pudete custruisce siti web d'altu rendiment cù React - chì hè una cumminazione sorprendente.
Blog cù Gridsome
Gridsome per Vue... Va bè, avemu digià avutu quellu cù Next / Nuxt.
Ma u listessu hè veru per Gridsome è Gatsby. Tutti dui utilizanu GraphQL cum'è a so strata di dati, ma Gridsome usa VueJS. Hè ancu un generatore di situ staticu fantasticu per aiutà à creà grandi blog:
Chì imparerete
Stu prughjettu vi insegnerà cumu creà un blog simplice per cumincià cù Gridsome, GraphQL è Markdown. Spiega ancu cumu implementà una applicazione attraversu Netlify.
Stack tecnologicu è caratteristiche
- Gridsome
- Vue
- GraphQL
- Markdown
- netlify
Questu hè certamente micca u tutoriale più cumpletu, ma copre i cuncetti basi di Gridsome è .
Lettore audio simile à SoundCloud cù Quasar
Quasar hè un altru quadru Vue chì pò ièssiri usatu pi custruì Apps mobile. In questu prughjettu, creerete una applicazione di lettore audio, per esempiu:
Chì imparerete
Mentre chì l'altri prughjetti si concentranu soprattuttu nantu à l'applicazioni web, questu vi mostrarà cumu custruisce una app mobile cù Vue è u quadru Quasar.
Tu avissi digià avè un Cordova di travagliu cù Android Studio / Xcode stallatu. Se no, u manuale hà un ligame à u situ web di Quasar induve vi mostranu cumu fà tuttu.
Stack tecnologicu è caratteristiche
- quasar
- Vue
- Cordova
- wavesurfer
- Cumpunenti UI
, dimustrendu e capacità di Quasar per custruisce applicazioni mobili.
Форма кредитной карты
Una forma fresca di carta di creditu cù micro-interazzioni lisci è piacevuli. Include formattazione di numeri, verificazione è rilevazione automatica di u tipu di carta. Hè custruitu nantu à Vue.js è hè ancu cumpletamente responsive. (Pudete vede .)
Ciò chì amparate:
- Prucessa è cunvalida e forme
- Gestisce l'avvenimenti (per esempiu, quandu i campi cambianu)
- Capisce cumu fà vede è postu elementi nantu à a pagina, in particulare l'infurmazioni di a carta di creditu chì appare nantu à a forma
grafico a barre
Un histogramma hè un graficu o graficu chì rapprisenta dati categurichi cù barre rettangulari cù alture o lunghezze proporzionali à i valori chì rapprisentanu.
Puderanu esse appiicati verticalmente o horizontale. Un graficu di barre verticale hè qualchì volta chjamatu graficu di linea.
Ciò chì amparate:
- Mostra i dati in una manera strutturata è comprensibile
- Inoltre: Amparate cumu utilizà l'elementu
canvasè cumu disegnà elementi cun ellu
pudete truvà dati di pupulazione mundiale. Sò ordinati per annu.
Анимация сердечка Twitter
Torna in 2016, Twitter hà introduttu sta animazione maravigghiusa per i so tweets. Da u 2019, pare sempre a parte, allora perchè micca creà unu sè stessu?
Ciò chì amparate:
- U travagliu cù l'attributu CSS
keyframes - Manipulate è animate elementi HTML
- Unisce JavaScript, HTML è CSS
Репозитории GitHub с функцией поиска
Ùn ci hè nunda di fantasia quì - i reposi di GitHub sò solu una lista glurificata.
U scopu hè di vede i repositori è permettenu à l'utilizatori di filtrà. Aduprà per uttene repository per ogni utilizatore.
Pagina di prufilu GitHub -
Ciò chì amparate:
- Riceve dati da l'API
- Mostra i dati da l'API
- Filtrà è mostra dati pertinenti per ogni ricerca
- Opcional: Sè vo site per una sfida, aduprate , custruitu cù GraphQL. .
Чаты в стиле Reddit
I chats sò un modu populari di cumunicazione per via di a so simplicità è facilità d'utilizazione. Ma chì veramente alimenta i chat room moderni? WebSockets!
Ciò chì amparate:
- Aduprate WebSockets, cumunicazione in tempu reale è aghjurnamenti di dati
- U travagliu cù i livelli d'accessu di l'utilizatori (per esempiu, u pruprietariu di un canale di chat hà u rolu
admin, è altri in a stanza -user) - Prucessa è validate e forme - ricordate, a finestra di chat per mandà un missaghju hè
input - Crea è unisci à diverse chat
- U travagliu cù missaghji persunali. L'utilizatori ponu chatte cù altri utilizatori in privatu. Essenzialmente, stabilirete una cunnessione WebSocket trà dui utilizatori.
Навигация в стиле Stripe
Ciò chì rende questa navigazione unica hè chì u containeru popover si trasforma per adattà à u cuntenutu. Ci hè una eleganza à sta transizione cumparatu cù u cumpurtamentu tradiziunale di apre è chjude un novu popover.
Ciò chì amparate:
- Unisce animazioni CSS cù transizioni
- Dim cuntenutu è applicà a classa attiva à l'elementu flotatu
Pacman
Crea a vostra propria versione di Pacman. Questu hè un grande modu per avè una idea di cumu si sviluppanu i ghjochi è capisce i principii. Aduprate un framework JavaScript, React o Vue.
Amparerai:
- Cumu si move l'elementi
- Cumu determinà quali tasti da appughjà
- Cumu determinà u mumentu di scontru
- Pudete andà più luntanu è aghjunghje cuntrolli di u muvimentu fantasma
Truverete un esempiu di stu prughjettu GitHub
gestione di l'utilizatori
U prugettu GitHub
Crià una applicazione di tipu CRUD per l'amministrazione di l'utilizatori vi insegnerà i principii di u sviluppu. Questu hè particularmente utile per i novi sviluppatori.
Amparerai:
- Cosa hè u routing
- Cumu gestisce e forme di ingressu di dati è verificate ciò chì l'utilizatore hà intrutu
- Cumu travaglià cù a basa di dati - creà, leghje, aghjurnà è sguassate l'azzioni
Проверка погоды в вашем местоположении
U prugettu GitHub
Se vulete creà app, cuminciate cù una app meteo. Stu prughjettu pò esse cumpletu cù Swift.
In più di acquistà esperienza di custruisce una applicazione, imparerete:
- Cumu travaglià cù l'API
- Cumu aduprà a geolocalizazione
- Fate a vostra applicazione più dinamica aghjunghjendu input di testu. In questu, l'utilizatori puderanu entre in u so locu per verificà u clima in un locu specificu.
Avete bisognu di una API. Per uttene dati climatichi, utilizate l'API OpenWeather. Più infurmazione nantu à l'API OpenWeather.
Окно чата
A mo finestra di chat in azione, aperta in duie tabulazioni di u navigatore
A creazione di una finestra di chat hè u modu perfettu per cumincià cù sockets. L'scelta di stack tech hè enormosa. Node.js, per esempiu, hè perfettu.
Ampararete cumu funziona i sockets è cumu implementà. Questu hè u vantaghju principali di stu prughjettu.
Sè vo site un sviluppatore Laravel chì vole travaglià cù sockets, leghjite u mo
GitLab CI
Sè vo site novu à l'integrazione continua (CI), ghjucate cù GitLab CI. Configurate uni pochi di ambienti è pruvate à fà un paru di teste. Ùn hè micca un prughjettu assai difficiule, ma sò sicuru chì amparate assai da ellu. Parechji squadre di sviluppu usanu avà CI. Sapendu cumu utilizà hè utile.
Amparerai:
- Cosa hè GitLab CI
- Cumu cunfigurà
.gitlab-ci.ymlchì dice à l'utilizatori di GitLab ciò chì deve fà - Cumu implementà in altri ambienti
Анализатор сайтов
Fate un scraper chì analizà a semantica di i siti web è crea a so valutazione. Per esempiu, pudete cuntrollà l'alt tags mancanti in l'imaghjini. O verificate se a pagina hà meta tags SEO. Un scraper pò esse creatu senza una interfaccia d'utilizatore.
Amparerai:
- Cumu funziona u scraper?
- Cumu creà selettori DOM
- Cumu scrive un algoritmu
- Se ùn vulete micca firmà quì, crea una interfaccia d'utilizatore. Pudete ancu creà un rapportu nantu à ogni situ web chì verificate.
Определение настроений в социальных сетях
A rilevazione di sentimenti nantu à e social media hè un modu fantasticu per esse introduttu à l'apprendimentu automaticu.
Pudete principià per analizà una sola rete suciale. Di solitu, tutti principianu cù Twitter.
Sè avete digià sperienza cù l'apprendimentu machine, pruvate à cullà dati da e diverse rete soziale è cumminendu.
Amparerai:
- Chì ghjè l'apprendimentu di macchina
Клон Trello
Ciò chì amparà:
- Urganizazione di e rotte di trattamentu di e dumande (Routing).
- Drag and drop.
- Cumu creà oggetti novi (tavuli, listi, carte).
- Trattamentu è cuntrollà i dati di input.
- Da u latu di u cliente: cumu utilizà l'almacenamiento lucale, cumu salvà e dati à l'almacenamiento lucale, cumu leghje e dati da u almacenamiento locale.
- Da u latu di u servitore: cumu utilizà e basa di dati, cumu salvà e dati in a basa di dati, cumu leghje e dati da a basa di dati.
, fattu in React+Redux.
Панель админа
Una semplice applicazione CRUD, ideale per amparà i principii. Amparemu:
- Crea utilizatori, gestisce l'utilizatori.
- Interagisce cù a basa di dati - crea, leghje, edità, sguassate utilizatori.
- Validendu l'input è travaglià cù e forme.
Трекер криптовалют (нативное мобильное приложение)
Qualcosa: Swift, Objective-C, React Native, Java, Kotlin.
Studiemu:
- Cumu funziona l'applicazioni native.
- Cumu ritruvà dati da l'API.
- Cumu funziona i layout di pagina nativa.
- Cumu travaglià cù simulatori mobili.
. Se truvate qualcosa di megliu, scrivite in i cumenti.
Sè site interessatu, quì hè .
Настроить собственный конфиг webpack с нуля
Tecnicamente, questu ùn hè micca una applicazione, ma hè un compitu assai utile per capisce cumu funziona webpack da l'internu. Avà ùn serà micca una "scatola negra", ma un strumentu comprensibile.
Rèducts:
- Cumpilà es7 à es5 (basi).
- Cumpilà jsx à js - o - .vue à .js (avete da amparà i caricatori)
- Configurate u servitore di sviluppu webpack è a recarga di u modulu caldu. (vue-cli è create-react-app usanu tutti dui)
- Aduprate Heroku, now.sh o Github, amparà cumu implementà prughjetti webpack.
- Configurate u vostru preprocessore preferitu per cumpilà css - scss, less, stylus.
- Amparate cumu utilizà l'imaghjini è i svgs cù webpack.
Клон Hackernews
Ogni Jedi hè necessariu di fà u so propiu Hackernews.
Ciò chì amparate nantu à a strada:
- Cumu interagisce cù l'API di hackernews.
- Cumu creà una sola applicazione di pagina.
- Cumu implementà e funzioni cum'è vede cumenti, cumenti individuali, profili.
- Urganizazione di e rotte di trattamentu di e dumande (Routing).
Тудушечка
Seriu? Tudushka? Ci sò millaie di elli. Ma crede à mè, ci hè un mutivu di sta popularità.
L'app Tudu hè una bella manera di assicurà chì capisce i principii. Pruvate à scrive una applicazione in Javascript di vaniglia è una in u vostru quadru preferitu.
Amparate:
- Crea novi compiti.
- Verificate chì i campi sò riempiti.
- I compiti di filtru (cumpletu, attivu, tutti). Aduprà
filterиreduce. - Capisce i principii di Javascript.
Сортируемый drag and drop список
Moltu utile per capiscenu .
Amparemu:
- Drag and drop API
- Crea UI ricche
Клон мессенджера (нативное приложение)
Puderete capisce cumu l'applicazioni web è l'applicazioni native funzionanu, chì vi distingueranu da a massa grisa.
Ciò chì studiemu:
- Sockets Web (messaggi istantanei)
- Cumu funziona l'applicazioni native.
- Cumu funziona i mudelli in l'applicazioni native.
- Urganizazione di rotte di trattamentu di e dumande in applicazioni native.
Editore di testu
U scopu di un editore di testu hè di riduce u sforzu di l'utilizatori chì pruvate di cunvertisce u so furmatu in un marcatu HTML validu. Un bonu editore di testu permette à l'utilizatori di furmà u testu in diverse manere.
À un certu puntu, ognunu hà utilizatu un editore di testu. Allora perchè micca ?
Клон Reddit
hè un aggregazione di nutizie suciale, classificazione di cuntenutu web è situ di discussione.
Reddit occupa a maiò parte di u mo tempu, ma cuntinuu à stendu nantu à questu. Crià un clone Reddit hè un modu efficace per amparà a prugrammazione (mentre navigà in Reddit à u stessu tempu).
Reddit vi furnisce un assai riccu. Ùn lasciate micca alcuna funziunalità o fate e cose in casu. In u mondu reale cù i clienti è i clienti, ùn pudete micca travaglià casualmente, o perderà rapidamente u vostru travagliu.
I clienti intelligenti capiscenu immediatamente chì u travagliu hè fattu male è truveranu qualcunu altru.
Публикация пакета NPM с открытым исходным кодом
Sè vo scrivite codice Javascript, hè probabile chì utilizate un gestore di pacchetti. Un gestore di pacchetti permette di riutilizà u codice esistente chì altri persone anu scrittu è publicatu.
Capisce u ciclu di sviluppu sanu di un pacchettu furnisce una sperienza assai bona. Ci hè parechje cose chì avete bisognu di sapè quandu pubblicà u codice. Avete bisognu di pensà à a sicurità, a versione semantica, a scalabilità, a cunvenzione di nomi è u mantenimentu.
U pacchettu pò esse qualcosa. Se ùn avete micca una idea, crea u vostru propiu Lodash è publicalu.
Lodash:
Avè qualcosa chì avete fattu in linea vi mette 10% sopra à l'altri. circa fonti aperti è pacchetti.
Учебный план freeCodeCamp
freeCodecamp hà cullatu assai .
freeCodeCamp hè una urganizazione senza prufittu. Hè custituitu da una piattaforma di apprendimentu interattiva basata in u web, un foru di a cumunità in linea, chat room, publicazioni Medium è urganisazioni lucali chì intendenu rende u sviluppu web apprendimentu accessibile à tutti.
Sarete più cà qualificatu per u vostru primu travagliu se riesce à compie tuttu u cursu.
Создайте HTTP-сервер с нуля
U protocolu HTTP hè unu di i protokolli principali attraversu quale u cuntenutu viaghja in Internet. I servitori HTTP sò usati per serve cuntenutu staticu cum'è HTML, CSS è JS.
Puderà implementà u protocolu HTTP da zero espansione a vostra cunniscenza di cumu interagisce e cose.
Per esempiu, se utilizate NodeJs, allora sapete chì Express furnisce un servitore HTTP.
Per riferimentu, vede s'ellu pudete:
- Configurate un servitore senza aduprà biblioteche
- U servitore deve serve u cuntenutu HTML, CSS è JS.
- Implementazione di un router da zero
- Monitorà i cambiamenti è aghjurnà u servitore
Se ùn sapete micca perchè, aduprate è pruvate à creà un servitore HTTP da zero.
Десктопное приложение для заметок
Tutti pigliamu appunti, nò ?
Creemu una app di note. L'applicazione hà bisognu di salvà note è sincronizà cù a basa di dati. Custruite una app nativa cù Electron, Swift, o ciò chì ti piace è ciò chì funziona per u vostru sistema.
Sentite liberu di cumminà questu cù a prima sfida (editore di testu).
Comu bonus, pruvate à sincronizà a vostra versione desktop cù a versione web.
Подкасты (клон Overcast)
Quale hè chì ùn sente micca i podcasts ?
Crea una applicazione web cù e seguenti funziunalità:
- Crea un contu
- Cerca Podcasts
- Vota è abbonate à i podcasts
- Ferma è ghjucà, cambia a velocità, funzioni avanti è retrocede per 30 seconde.
Pruvate aduprà l'API iTunes cum'è un puntu di partenza. Se sapete di altre risorse, per piacè post in i cumenti.
Cattura di u screnu
Bonghjornu! Aghju filmatu u mo schermu avà !
Crea una app desktop o web chì vi permette di catturà u vostru screnu è salvà u clip cum'è .gif
quì cumu fà questu.
Fonti
Source: www.habr.com