chez Pome Bre ee ae a err See ee Exe u ed Seo Parcs on Racy Cian Cree ea ee ees (0 package,json ON aa) aa! Caan Bee Locooy a a as ae o- # vo jhe pelea ‘Jomada-trontend-jeneiro-2024 (Codespaces: reimagit # Ca Se L eee Te PRE = pes 2 a Pie secu Ons cas 4 A G 4 | ol A 0 u cS rey Fey eerie Coe omc tes ee Rt eee @ Cs Q ad eee | aeTord oy eee eet > public > assets Y components Card & Card jsx ry ot es oy oes ROR eo © sitianore eta cae eo eed Oa Sern aay Pee Lecco) a a v7 = @ G ¢ Se ee ee ae ee ae mas od Ee Pe een) eee cate cy Fi 3 @nction Appt) { cy oe _— 6 Or ery 7 east Sco a i. Pee e 07 5 “gis eos Pt 2 FS ao erie) oe Se ect eee @ Ces Q ad eee | ae Sete ete 1 keto oostume i: etry Pras ae ao Cares 7 5 ) , Cea CT« Se ee ee at eee Sree Cato a) ao a ee nod ere ee ec oe ees eet ee eecccrca iis ‘ Fi ton ot fe) lee A Pema econ tne ry a on nn 5 Pree oo A - A Seavey pA co eer Go Bic Send ty cs , Be « Feomponen Ce meena) # Appess © aa Pea ec) SrA EK we a atc ee ede Pee etcu cc) - eres 2 Ome eens | One : ere ees ed a a ‘© .sitignore fone ear ee eta tsenrns oes cea aren eres - Spa rart meatier eae og Peres _ nec srl Cr enter een ee ee ote, Ee Pe ec eee) nw. @@. i + @ Ces] Q a pane FP een arg tll ee ee ey« Se eee ee ae ee Casa ied ao a Eero Ce een Pe eee Pe LS ereerece ae caer feieeeere th eens Ree ene Peer ton Fl a lle 2) 3 memrand 5 | een eta ros peeve ois i presetees sits 7 or a ites A Pw, ae 8 a Fg 9 Oe cy ) rn) ny Cuetann n chez fA 12 export default Card ee aS Cae oe nt | ®|* oe eee ee ee Pe ne err ee rn a 6 ¢ Ce es Q Perea RE gel eee eyRick Sanchez > OBE ¥ Desafio 1 css + Adicionar uma borda a esquerda do titulo (nome) da personagem com alguma cor + Quando passar 0 mouse no Card, mostrar 0 cursor "Pointer" HTML + CSS + Adicionar um elemento de TAG para exibir uma informago adicional para aquele card« So eee eat ee Poe Coed eae ma) Ce ae >> components > Card eet Ree Ro r > public eer pees Pee sc DE ory 5 Se) o Per o A ees R ed 1 ea ri Sed 2 Ore pe ae) “ Sea eet] pata eco (0 package json Osi ee eee Metall ene aes Petes Seen ete er eer a 6 ¢ Ce ees [a] Perea RE gel eee ey000-1200 BRT 0900-1200 BRT n 2 O que ira aprender Introdugo Parte 1 Aprenda a construir um site utilizando a tecnologia React/S, com a linguagem de programagao JavaScript e combinando HTML e CSS. 0 React é uma biblioteca mantida pelo Facebook e Instagram, de cédigo aberto e Uitilizada ampiamremtepof diversos sites, como Netflix, Imgur, Airbnb, entre outros Parte 2 Continuando com o desenvolvimento iniciado no curso de introdugao ao frontend, criaremos mais algumas paginas e entenderemos outros aspectos interessantes da biblioteca React. Integra¢So com Backend = Download do projeto base -Preparacdo do projeto (instalagao de médulos) -Rodando 0 projeto -Entendendo 0 roadmap de desenvolvimento ~ Testando 0 backend e realizando as operacées de CRUD ~ Integragao do CRUD no frontend com backend‘viewing Paulo Satvfe Peony t) 6 + ® CO ae) one ol ome Penn Sond ec) a te aFALECOMIGO Paulo Salvatore orto OFUTURO Paulo Salvatore DAEDUCAGAO EM TECNOLOGIA. sat Taeadeny ESTUDANTES IMPACTADO! 15,000 + 20+ © Cursos OnlineUM POUCO SOBRE MIM PAULO SALVATOREea eer eed ae. @. oo ey a Oy @- ss Q a cae paul PPE ee a erg ll ta ee Oe aCt Cre Great repository names are short and memorable. Need inspiration? How about redesigned-robot ? Cee) ory eee eee aaa See eee Cee & Add a README file ees er er teen eee ee teed eon See ea mee peered (J | i, a oS) a a Sere Ry ell eg ee cecS ee ce ea eee 1 Gives ee aed Ce eed Cg Se ee eer ee ie ‘Add .itignore Seiad Coe to eee ee Cee oi) eer ee ee eC ee ee ns SES ee ee ee ee oe ed LO Ee am ea cea ‘From Daiana Souza to ~ fests Say ed ee a ee) | i, a oS) PPE ee eer ml ey ee ee ey a ceCad ery a ret& 2 Abrir o GitHub e fazer o login Criar um repositério Rodar um Codespace nesse repositorio https:/github.com/rPoona) — “6 = Tyrer Dea eee eens =a Ce RR Cue een a) eaGitHub CodeSpaces - <—3> 2 @ Ta NodeJS Visual j — ar Studio Code (IDE) leeet a [ a = SaRRBOea React 1 Selec a variant» Javaseript nstalar dependéncias e ‘ecutar projeto ase ie se see ener Pet eee eee Ee eer ad teers¥ Project name. oceansjorns 1 Target crectory“oceanjornads-rontendjaneio-2024" snot emptyce Se ee eee ea) Coe ee temo CCR ec cceanjornada-frontendjancira2024 ed Sry watt od @ tes ree eee! Ce Ten rn Sh ones rar : or fe poe ed . St) cea rn a eee oo ee eee ere ee Rong eeeros teeies Prey Piro Pe Ree ene wee Ret eS CU Sn ONC ber OMe eA RSC ae Re eee test csc) eels ee Pistates tcc acgetat Stes ESC oma edhe type="module" sre="/src/main. jsx!"> Sed oe 3V® = Vite + React ae res oe om corer) ppuene) en Pees ee ee ee eres rr ad @® 6 & } (cl FA aBrecugioDh ail SS) i— eT eesCee Pores eHub - ulosalvatore/ocean: rnada-frontend- neiro-2024; Projeto 3m React}s criado ra ejorneda ‘ontend de Samsung cean, em Janeiro de 2a Cera)Cl} Eee el li ul Rg seen pate yoann > eae arene arn reer | © ec Be. Store ae) aaa ary epee el as eer Sree y Pomengrhga ogre (2) Pentre ony Somers leer SEschools HTML Referenceeentimatatentiedionies | = hh Q