become a front-end developer

Post on 15-Jan-2015

23.557 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

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 contact@functionite.com twitter @functionite

become a front-end developer

phone +48 696 185 029 mail contact@functionite.com 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

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

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 contact@functionite.com twitter @functionite

thanks, Damian Wielgosik

top related