• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Become a front-end developer
 

Become a front-end developer

on

  • 20,542 views

How one can start his career as a front-end developer? Is a "front-end" term current when Open Web evolves towards server-side and mobile?

How one can start his career as a front-end developer? Is a "front-end" term current when Open Web evolves towards server-side and mobile?

Statistics

Views

Total Views
20,542
Views on SlideShare
5,120
Embed Views
15,422

Actions

Likes
15
Downloads
48
Comments
1

21 Embeds 15,422

http://ferrante.pl 15105
http://www.j2fed.com 162
http://feeds.feedburner.com 57
http://feeds2.feedburner.com 27
http://feedreader.com 16
http://digg.com 11
https://twitter.com 10
http://cloud.feedly.com 7
http://www.pixel.ellert.pl 5
http://translate.googleusercontent.com 4
http://www.linkedin.com 3
https://www.facebook.com 3
http://www.newsblur.com 3
http://www.feedly.com 2
https://paytest.ecard.pl 1
http://webcache.googleusercontent.com 1
http://aspexi.com 1
https://www.google.pl 1
http://127.0.0.1 1
http://ferrante.pl. 1
http://feedly.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Become a front-end developer Become a front-end developer Presentation Transcript

    • phone +48 696 185 029 mail contact@functionite.com twitter @functionitebecome a front-end developer
    • phone +48 696 185 029 mail contact@functionite.com twitter @functionitebecome a front-end developer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plFunctionite founder, 24y
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plJavaScript programmer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plJavaScript programmer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plJavaScript programmer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plJavaScript programmer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plevent organizer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plevent organizer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plevent organizer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plevent organizer
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plOpen Web activist
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plOpen Web activist
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plOpen Web activist
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plOpen Web activist
    • Damian WielgosikNokiaRocheferrante.plFront-TrendsSiteSelljavascript.plmeet.jsFalsy Values@varjsotwartasiec.plOpen Web activist
    • 2005’s front-end?
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2005’s front-end?tables vs divsajaxJS animationsdiscovering JavaScript animationsweb standardsIE6 problemxsltPrototype accessibilityusabilitymicroformatsdesign it! w3cPSD2HTML
    • 2013’s front-end?
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • 2013’s front-end?HTML5 JavaScript engineeringMV* frameworkssassCSS3 animationssingle page web appsless node.jsweb sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
    • front-end developers are not “these HTML guys” anymore
    • there are so many challenges for front-end people
    • time to be a real engineer, motherf*cker!
    • we write MVC applications
    • we have client-side template systems
    • we code server-side apps (node.js)
    • we have pdf readers in JavaScript
    • we write mobile apps and don’t need to know Java or ObjC
    • but that’s boring...
    • we can have databases in JavaScript (CouchDB)
    • we can have databases in JavaScript (CouchDB)
    • we can flywe can fly!
    • we can flywe can compile C++ to JS
    • btw. 3D is not a problem
    • and there is an increasing demand for JavaScript devs
    • and there is an increasing demand for JavaScript devs
    • sure, but what am I supposed to do as a JavaScript dev?
    • JavaScript Jobs
    • JavaScript Jobs
    • JavaScript Jobs
    • JavaScript Jobs
    • JavaScript Jobs
    • front-end developer can be a
    • front-end developer can be aUSABILITY SPECIALIST
    • front-end developer can be aUSABILITY SPECIALISTJAVASCRIPT DEVELOPER
    • front-end developer can be aUSABILITY SPECIALISTJAVASCRIPT DEVELOPERGAME DEVELOPER
    • front-end developer can be aUSABILITY SPECIALISTJAVASCRIPT DEVELOPERGAME DEVELOPERSERVER-SIDE GUY
    • front-end developer can be aUSABILITY SPECIALISTJAVASCRIPT DEVELOPERGAME DEVELOPERSERVER-SIDE GUYMOBILE DEVELOPER
    • front-end developer can be aUSABILITY SPECIALISTJAVASCRIPT DEVELOPERGAME DEVELOPERSERVER-SIDE GUYMOBILE DEVELOPERCOPTER DEVELOPER
    • front-end developer can be aUSABILITY SPECIALISTJAVASCRIPT DEVELOPERGAME DEVELOPERSERVER-SIDE GUYMOBILE DEVELOPERCOPTER DEVELOPERANIMATION SPECIALIST
    • front-end developer can be aUSABILITY SPECIALISTJAVASCRIPT DEVELOPERGAME DEVELOPERSERVER-SIDE GUYMOBILE DEVELOPERCOPTER DEVELOPERANIMATION SPECIALISTIMAGINATION NINJA
    • all you need to know is 3 things...
    • all you need to know is 3 things...CSS3
    • all you need to know is 3 things...CSS3JavaScript
    • all you need to know is 3 things...CSS3JavaScriptHTML5
    • they won’t have you buy things
    • they won’t have you buy thingstechnology is open and standarized
    • how can I start?
    • unfortunately universities suck at teaching web technologies
    • unfortunately universities suck at teaching web technologies
    • how many of you have been taught JAVA at Uni?
    • unfortunately universities suck at teaching web technologies
    • many of greatest minds I know in this industry nevergraduated...
    • however, many did...
    • university is just an optionit won’t make you happy, rich and creative
    • explore, make mistakes, learn
    • Read...
    • Read...html5doctor.com
    • Read...html5doctor.com20thingsilearned.com
    • Read...html5doctor.com20thingsilearned.comdiveintohtml5.info
    • Read...html5doctor.com20thingsilearned.comdiveintohtml5.infovarjs.com
    • Read...html5doctor.com20thingsilearned.comdiveintohtml5.infovarjs.comferrante.pl
    • Read...html5doctor.com20thingsilearned.comdiveintohtml5.infovarjs.comferrante.plpaulirish.com
    • Read...html5doctor.com20thingsilearned.comdiveintohtml5.infovarjs.comferrante.plpaulirish.comlea.verou.me
    • Read...html5doctor.com20thingsilearned.comdiveintohtml5.infovarjs.comferrante.plpaulirish.comlea.verou.mewebplatformdaily.org
    • Read...html5doctor.com20thingsilearned.comdiveintohtml5.infovarjs.comferrante.plpaulirish.comlea.verou.mewebplatformdaily.organd many others
    • Attend...
    • Attend...Front-Trends Conference (Warsaw, Poland)
    • Attend...Front-Trends Conference (Warsaw, Poland)Falsy Values (Warsaw, Poland)
    • Attend...Front-Trends Conference (Warsaw, Poland)Falsy Values (Warsaw, Poland)OnGameStart (Warsaw, Poland)
    • Attend...Front-Trends Conference (Warsaw, Poland)Falsy Values (Warsaw, Poland)OnGameStart (Warsaw, Poland)JSConf.EU (Berlin, Germany)
    • Attend...Front-Trends Conference (Warsaw, Poland)Falsy Values (Warsaw, Poland)OnGameStart (Warsaw, Poland)JSConf.EU (Berlin, Germany)Fronteers (Amsterdam, Netherlands)
    • Front-Trends 2013
    • Front-Trends 2013
    • Front-Trends 2013
    • or go to the meetups
    • in 2011 I originated free front-end meetups in Polandhttp://meetjs.pl
    • we started in one town...
    • now it takes place in 5 different towns
    • POZNAN
    • WARSAWPOZNAN
    • WARSAWPOZNANCRACOW
    • WARSAWPOZNANCRACOWWROCLAW
    • WARSAWPOZNANCRACOWWROCLAWGDANSK
    • we have organized a conference tooCracow 2012
    • we organized a free a conference too...
    • meet.js summit 2012
    • we have awesome community
    • front-end community@t@chriscoyier@zeldman@kurafire@paulirish@zbraniecki@janl@codepo8@getify@han @phae@jaffathecake@csswizardry@LeaVerou@slightlylate@awbjs@rwaldron@brendaneich@meyerweb@ppk@rem@estellevw
    • @you?@t@chriscoyier@zeldman@kurafire@paulirish@zbraniecki@janl@codepo8@getify@han @phae@jaffathecake@csswizardry@LeaVerou@slightlylate@awbjs@rwaldron@brendaneich@meyerweb@ppk@rem@estellevw
    • yeah, but show me money
    • so, how you started?
    • I was curious.
    • try to turn ideas into code
    • this is how I started
    • it took me months to code Drawter.com
    • it took me months to code Drawter.com
    • I was making mistakes like that
    • var element = document.getElementById("doc");element.onclick = function() {};
    • and that...
    • var arr = new Array();
    • but the outcome was satisfying so the project went public
    • the buzz was huge
    • the buzz was huge
    • then I got a job at one of the best Polish front-end teams.Drawter played a huge role on my CV even later
    • your projects are importantmore than your education
    • publish your project on gihub
    • if you feel confidentsend a link to your project to the one of major front-endwebsites
    • if you feel confidentsend a link to your project to the one of major front-endwebsites
    • actually, never feel uncertain about things you are involved in
    • I never did.
    • @dalmaer waits for new shiny projects to share with others
    • dailyjs.com waits for it
    • shashingmagazine.com waits for it
    • everybody wants it!
    • the outcome is most importantdo not reschedule things that are ready to go
    • if you are willing to improveyou’ll eventually learn right tools to get your job done better
    • people fail, do not lose your confidence due to a single failure
    • interview guys are not gods,dream job might not be “it”
    • there are so many devices you can code forthere are so many powerful APIs you can mix together
    • HTML5, JavaScript, CSS3try it.
    • Workshops with Functionite.comLearn something new!
    • JS News groupJS News: Jobs groupon Facebook
    • phone +48 696 185 029 mail contact@functionite.com twitter @functionitethanks, Damian Wielgosik