become a front-end developer
DESCRIPTION
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?TRANSCRIPT
phone +48 696 185 029 mail [email protected] twitter @functionite
become a front-end developer
phone +48 696 185 029 mail [email protected] twitter @functionite
become a front-end developer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
Functionite founder, 24y
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
JavaScript programmer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
JavaScript programmer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
JavaScript programmer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
JavaScript programmer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
event organizer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
event organizer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
event organizer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
event organizer
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
Open Web activist
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
Open Web activist
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
Open Web activist
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
Open Web activist
Damian Wielgosik
Nokia
Roche
ferrante.pl
Front-Trends
SiteSell
javascript.plmeet.js
Falsy Values
@varjsotwartasiec.pl
Open Web activist
2005’s front-end?
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2005’s front-end?
tables vs divs ajaxJS animationsdiscovering JavaScript animations
web standardsIE6 problem
xslt
Prototype accessibility usabilitymicroformatsdesign it! w3cPSD2HTML
2013’s front-end?
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web sockets Web RTC video audionew HTML5 elements PhoneGapresponsive web design modular JSCSS3 shapes CSS3 gradientsweb fonts canvas webgl
2013’s front-end?HTML5 JavaScript engineering
MV* frameworkssassCSS3 animations
single page web appsless node.js
web 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 fly
we can fly!
we can fly
we 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 SPECIALIST
JAVASCRIPT DEVELOPER
front-end developer can be aUSABILITY SPECIALIST
JAVASCRIPT DEVELOPERGAME DEVELOPER
front-end developer can be aUSABILITY SPECIALIST
JAVASCRIPT DEVELOPERGAME DEVELOPER
SERVER-SIDE GUY
front-end developer can be aUSABILITY SPECIALIST
JAVASCRIPT DEVELOPERGAME DEVELOPER
SERVER-SIDE GUYMOBILE DEVELOPER
front-end developer can be aUSABILITY SPECIALIST
JAVASCRIPT DEVELOPERGAME DEVELOPER
SERVER-SIDE GUYMOBILE DEVELOPER
COPTER DEVELOPER
front-end developer can be aUSABILITY SPECIALIST
JAVASCRIPT DEVELOPERGAME DEVELOPER
SERVER-SIDE GUYMOBILE DEVELOPER
COPTER DEVELOPERANIMATION SPECIALIST
front-end developer can be aUSABILITY SPECIALIST
JAVASCRIPT DEVELOPERGAME DEVELOPER
SERVER-SIDE GUYMOBILE DEVELOPER
COPTER DEVELOPERANIMATION SPECIALIST
IMAGINATION 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...
CSS3
JavaScript
all you need to know is 3 things...
CSS3
JavaScript
HTML5
they won’t have you buy things
they won’t have you buy things
technology 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 never graduated...
however, many did...
university is just an optionit won’t make you happy, rich and creative
explore, make mistakes, learn
Read...
Read...html5doctor.com
20thingsilearned.com
Read...html5doctor.com
20thingsilearned.comdiveintohtml5.info
Read...html5doctor.com
20thingsilearned.comdiveintohtml5.info
varjs.com
Read...html5doctor.com
20thingsilearned.comdiveintohtml5.info
varjs.comferrante.pl
Read...html5doctor.com
20thingsilearned.comdiveintohtml5.info
varjs.comferrante.pl
paulirish.com
Read...html5doctor.com
20thingsilearned.comdiveintohtml5.info
varjs.comferrante.pl
paulirish.comlea.verou.me
Read...html5doctor.com
20thingsilearned.comdiveintohtml5.info
varjs.comferrante.pl
paulirish.comlea.verou.me
webplatformdaily.org
Read...html5doctor.com
20thingsilearned.comdiveintohtml5.info
varjs.comferrante.pl
paulirish.comlea.verou.me
webplatformdaily.organd many others
Attend...
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
WARSAWPOZNAN
CRACOW
WARSAWPOZNAN
CRACOW
WROCLAW
WARSAWPOZNAN
CRACOW
WROCLAW
GDANSK
we have organized a conference too
Cracow 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-end
websites
if you feel confidentsend a link to your project to the one of major front-end
websites
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 group
on Facebook
phone +48 696 185 029 mail [email protected] twitter @functionite
thanks, Damian Wielgosik