LEANDRO ORIENTE DESENVOLVEDOR FRONT ENDCOMO ME TORNAR UM DESENVOLVEDOR FRONT END21 AUG 2013Minha viso de obria!"es e di#eren$iais de desenvo%vedores #ron& end e a%'(as )e*'enas di$as a res)ei&o+Esse )os& , baseado nas e-)eri.n$ias *'e /0 &ive na 0rea+ 1on#esso *'e no so ('i&as2 (as $o(o es&a(os vivendo o a(ad're$i(en&o do )ro#issiona% de Fron& End aora2 a$redi&o *'e se/a( v0%idas+Seria ba$ana %er esse )os& sobre #a$'%dades e se's bene#3$ios )ara desenvo%vedores #ron& end $o(o %ei&'ra $o()%e(en&ar+4ri(eira(en&e va(os #a%ar sobre i&e(s $%ara(en&e obria&5rios+De)ois )ar&i(os )ara os di#eren$iais de #a&o+MUST HAVEHTML E CSSEssas %in'aens so re*'isi&o b0si$o de *'a%*'er vaa )ara desenvo%vi(en&o Fron& End+4or (ais *'e vo$. v0 &raba%har #o$ado e( )ro/e&os e( 6avas$ri)& , essen$ia% &er $onhe$i(en&os avan!ados e( a(bas as %in'aens+Saber 'sar be( a se(7n&i$a do 8TML 9 e '&i%i:ar 1SS 3 )ara evi&ar o 'so de i(aens e( e-$esso &a(b,( deve #a:er )ar&e dose' $o&idiano+;'er saber se rea%(en&e es&0 n'( n3ve% a$ei&0ve% de $onhe$i(en&o< Ten&e #a:er '( (en' dro)=do>n de 3 n3veis2 '(%ih&bo- ?se( o 6S2 s5 os es&i%os@ o' )e'e '( $ase de s'$esso $o(o o Aehan$e o'Dribbb%e e &en&e re)rod':ir de (aneira se(e%han&e+Se &iver di#i$'%dades nessas &are#as , '( sina% $%aro *'e vo$. es&0 a&rasado+JAVASCRIPTTer '(a base s5%ida e( 6avas$ri)& , o'&ro re*'isi&o essen$ia% de'( desenvo%vedor+Vo$. no )re$isa ser '( E-)er& e saber &odos os de&a%hes da %in'ae(2 (as , de e-&re(a i()or&7n$ia *'e saiba se virar be( e *'e no $orra de 6avas$ri)& $o(o o Diabo da $r':+;'ando dio base s5%ida e( 6avas$ri)& no sini#i$a saber $o%o$ar '( Lih&bo- o' '( A$$ordion e( /;'erB na )0ina+ Vai $hear '(a hora onde vo$. vai )re$isar de a%o es)e$3#i$o de(ais )ara reso%ver $o( '( )%'in )ron&o e vai &er *'e (e&er a (o na (assa+1ode s$hoo% , '(a boa )edida+ E o (e%hor2 , #ree+LGICA DE PROGRAMAO E ALGORITMOSObvia(en&e )ara (e&er a (o na (assa no 6avas$ri)& vo$. vai )re$isar saber a%ori&(os e &raba%har '( )o'$o s'a %5i$a de )rora(a!o+O se' dia a dia vai es&ar re$heado de %oo)s2 $ondi$ionais e vari0veis+ No saber %idar $o( isso vai &e enessar no n3ve% se(i=/Cnior+DMas e' odeio )rora(a!o+ Se *'isesse )rora(ar virava Aa$E EndF4or #avor2 /ove(+ A&ive o $5dio se$re&o do (e' b%o+ D1&r% G >F ?1(d )ara os #e%i:ardos@+JQUERYMa%hei o /;'erB a%'(as %inhas a&r0s (as aora venho (e redi(ir+ A %ibrarB , #an&0s&i$a+ 1onse'i' &ornar $oisas re%a&iva(en&es $o()%e-as e( 6avas$ri)& e( $5dios #0$eis e in&'i&ivos+1o(o e-e()%o )rin$i)a% vo' $i&ar as re*'isi!"es A/a-+ ;'a%*'er ini$ian&e e( 19 (in'&os na do$'(en&a!o do /;'erB $onse'e en&ender $o(o #'n$iona e #a: se's )ri(eiros re*'es&s+Aora se vo$. n'n$a #e:2 )ro$'re )e%a #or(a na&iva de rea%i:ar res*'es&s A/a-+H a%o $o()%e&a(en&e $ha&o e $on#'so ao )ri(eiro o%har e so(en&e $ha&o ao se'ndo+4or,( #i$a o a%er&a *'e $i&ei *'ando #a%ei do 6avas$ri)&+ No se )renda a )%'ins+ 4ro$'re en&ender 6avas$ri)& an&es e en&eder o /;'erB+ H si()%es e vai &e #or!ar a sair da :ona de $on#or&o dos )%'ins )ron&os+1edo o' &arde os )%'ins no vo &e a&ender e vo$. vai )re$isar a)render e( (eia hora Is JK19 da (anh $o(o #a:er '(a in&era!o $o( o Fa$ebooE 1onne$& )or*'e a en&rea do )ro/e&o do $%ien&e )orre , no dia se'in&e+60 i(aino' a re'nioeb no #e: '( )%'in )ra issoF+ De)ri(en&e n,s+ No &enha (edo do Ter(ina%+ 4ara versiona(en&o e a%'(as e-$e%en&es #erra(en&as de a'&o(a&i:a!o2 $o(o o Gr'n& o' o Ao>er )or e-e()%o e%e , essen$ia%+ Fre*'en&e even&os da 0rea+ 1os&'(a( ser ('i&o bons e re$heados de novidades+ Tenha '( LinEedin a&'a%i:ado+ Se #or vi0ve%2 &enha '( )or%io eNo' $on&a no i&h'b+ 6a(ais (ande se' $'rr3$'%o $o(o +do$ )ara nenh'(a e()resa+ Se #or (andar '( ar*'ivo *'e se/a '( )d#+ No 'se o Drea(>eaver+?)on&o@FIM DA PARTE FCIL1o( essas sEi%%s vo$. /0 $onse'e e()reo e( boa )ar&e das a.n$ias r'ins do )a3s e e( a%'(as (,dias+Vai anhar (a%2 se es&ressar2 (adr'ar na a.n$ia diaria(en&e eser e-)%orado (as ve/a )e%o %ado bo(2 vo$. no &raba%ha e( 1a%% $en&er+E( '( o' dois anos vo$. $onse'e '( do(3nio ra:o0ve% e( &odos os )on&os *'e $i&ei a*'i se (an&iver '( ri&(o ra:o0ve%+Se #or be( dedi$ado e a'&odida&a2 $onse'e e( be( (enos &e()o+ Se &iver baae( de o'&ras 0reas de TO vai &er (ais #a$i%idade ainda+O i()or&an&e nessa e&a)a , no se a$o(odar+ Do(inar essas sEi%%s &e abre ('i&as )or&as (as no , o s'#i$ien&e )ara $onse'ir e()reos (ais ra&i#i$an&es+1er&a ve: vi '(a )a%es&ra do Reno Ro$ha ?no #oi nesse )os&2 (as esse )os& , ('i&o bo( &a(b,(@ onde e%e #riso' isso+ A%i0s2 e%e se()re #risa+DSaia da :ona de $on#or&o+FEs&ar $on#or&0ve% $o( s'a baae( de $onhe$i(en&o a&'a% , '(),ssi(o sina% ?$aso vo$. no se/a 6ohn Resi )or e-e()%o@+ Se()re )ro$'re sair e( b's$a de a%o novo+O (er$ado de &raba%ho adora isso e vo$. vai ver *'e de )asso e( )asso vai a&inir n3veis *'e )are$ia( ('i&o $o()%e-os no in3$io de $arreira+NICE TO HAVEAora va(os #a%ar de $oisas *'e vo &e destacar '( )o'$o da ('%&ido+ No ('i&o2 (as /0 vai dar )ra a%(e/ar )osi!"es be( (ais $on#or&0veis no (er$ado+PERFOMANCE4er#o(an$e #oi se'ndo )es*'isas re$en&es rea%i:adas )or (i(2 o&e(a (ais abordado e( even&os Fron& End no ano de 2012+Todo ('ndo de' )i&a$os2 )'b%i$ara( 'ide%ines ?a%i0s2 )arab,nsaos envo%vidos@2 #a%ara(2 #a%ara( e #a%ara( ('i&o+Se vo$. dese/a '(a vaa n'(a e()resa de )on&a2 &e( *'e saberde $or &odas as reras de &odos os 'ide%ines de )er#or(an$e+8'( se'ndo de $arrea(en&o a (ais no se' b%o )essoa% no vai &e &ra:er ('i&os )re/'3:os+ Meio se'ndo a (ais n'( e=$o((er$e2 )ode va%er (ais *'e o se' sa%0rio de)endendo do )or&e da e()resa+No vo' en&rar no (,ri&o das (edidas e#i$a:es2 /0 *'e ('i&os /0#i:era( isso2 (as re$o(endo *'e saiba &odas+SEOLeia a Mes&reSEO ?A.n$ia Mes&re aora@ (ensa%(en&e+Do *'e adian&a %an!ar '( )rod'&o sensa$iona%2 '( a)) revo%'$ion0rio o' '( )or&a% de $on&eCdo se o se' si&e ran*'eia )ior *'e '( si&e da Qi-orEs $o(o T>i&&er Aoo&s&ra) e Fo'nda&ion *'e &ra&a( ('i&o be( disso+Va%e abrir o $5dio #on&e e observar $o(o as $%asses so ('i&o be( a)rovei&adas+U(a #erra(en&a boa )ara ajudar nessa orani:a!o do $5dio so os )r,=$o()i%adores+E%es abre( '( %e*'e de o)!"es be( (aior )ara o desenvo%vi(en&o do se' 1SS+ Os (ais )o)'%ares so LESS e SASS e a(bos so nice to have+CONHECIMENTO REGULAREM ALGUMA(S) LINGUAGEM(NS) SERVER SIDE.Obvia(en&e no , '( *'esi&o obria&5rio )ara desenvo%vedores#ron& end2 )or,( boa )ar&e das randes e()resas $obra(+O *'e e%es )re$isa( no , de '( )rora(ador *'e a&enda a a(bos os %ados ?a)esar de sere( ('i&o be( vindos *'ando a)are$e(@ e si( de '( #ron& end *'e saiba &raba%har be( e( )ara%e%o $o( desenvo%vedores Aa$E End ?$ha(arei a)enas de back end de aora e( dian&e@+Se vo$. )re$isar in&erro()er '( ba$E end )ara a%&erar '( for o' )ara ('dar a #or(a&a!o do 8TML erado )e%o servidor de 9 e( 9 (in'&os nin',( anda+O idea% , *'e vo$. saiba se virar $o( &'do *'e es&e/a re%a$ionado ao $%ien&2 se/a isso '( 8TML es&0&i$o o' '(a )0ina $o()i%ada no servidor+1ai(os a*'i2 nova(en&e na L5i$a de )rora(a!o e a%ori&i(os+ Esse , '( *'esi&o essen$ia% a%,( do $onhe$i(en&o da %in'ae( 'sada no )ro/e&o )ara no #a:er $aada e erar '()rob%e(a ian&e ao inv,s de no a&ra)a%har o $o()anheiro+Se vo$. &raba%ha e( a.n$ia /0 deve &er )assado )or isso $o( 484 e Qord)ress+ ;'e )or sina% no , (ais do *'e s'a obria!o saber (an'sear2 (es(o *'e de #or(a (ais a(adora e s')er#i$ia%+MAGIAS NEGRAS EM JAVASCRIPT4ara &raba%har e( a.n$ia ?enera%i:ando@ bas&a &er '(a base ra:o0ve% de 6avas$ri)& e /;'erB+ 4ara &raba%har n'(a e()resa de (aior )or&e $o( so#&>are )r5)rio2 vo$. vai )re$isar ir a%,( do b0si$o+Gera%(en&e e()resas assi( )oss'e( ne$essidades (ais )ro#'ndas e )re$isa( de )ro#issionais $a)a:es de desenvo%ver verdadeiras a)%i$a!"es $%ien& side+O e-iido nesses $aso , &o&a% do(3nio de 6avas$ri)& e do(3nioN$onhe$i(en&o e( a%'( #ra(e>orE+Os (ais $o('ns so An'%ar/s ?(enino de o'ro do oo%e@2 Aa$Ebone2 4honeGa) ?(obi%e@2 Sno$Eo'&2 E(berTObvia(en&e o #ra(e>orE nesse $aso , so(en&e '( di#eren$ia%+ O i()or&an&e (es(o , &er do(3nio ?*'ase@ abso%'&o de /avas$ri)&+CONCLUINDOObvia(en&e e-is&e( de:enas de o'&ros )on&os *'e no abordei e *'e so ('i&o i()or&an&es+ A%'ns #i$ara( o(i&idos e( a%'ns &5)i$os2 o'&ros e' es*'e$i de $o(en&ar (es(o+A$redi&o *'e se/a '( )os& '( )o'$o inC&i% )ara os )ro#issionais *'e /0 es&o s5%idos no (er$ado2 (as *'e )ossa ser essen$ia% )ara *'e( es&0 $o(e!ando e no sabe be( *'e r'(o &o(ar+1os&'(o esbarrar #re*'en&e(en&e nesse &i)o de dCvida e( r')os do Fa$ebooE e na (inha $ai-a de en&rada+1aso &enha no&ado a%'( des%i:e2 &enha a%'(a s'es&o di#eren&e o' a%'(a dCvida2 no dei-e de $o(en&ar+;'an&o (ais enri*'e$edora a )0ina2 (aiores as $han$es de )in&are( a%'ns bons novos )ro#issionais e( breve+ ESPALHE A PALAVRA NUNCA PERCA UM POST assinar LEANDRO ORIENTEDesenvo%vedor Fron& End e $ons'%&or da vida+ %eandrorien&eU(ai%+$o(

SOLTE O VERBOPODE GOSTAR TAMBM 1o(o $obrar )or '( #ree%an$e O%0+ Me' no(e , Leandro e so' '( e-=vi$iado 1o(o a)render in%.s No $onsio $%ien&es )or*'e no &enho )or%io Me' $%ien&e rea%(en&e )re$isa de '( si&e