So you wanna be a web

developer?Secrets that I wish someone told me when I was

starting out

ABOUT ME

Dhruv Patel•Designer / User experience designer /

Front-end designer / Conversion

optimization expert

•Founder of Convrrt and Omazing

Creations, LLC

•Twitter handle: @sylphdesign

•Love to talk about making web more

accessible for everyone, playing cricket,

partying, *spraying champagne bottles*

@sylphdesign

dhruv@convrrt.com

www.convrrt.com

www.omazingcreations.com

WHAT GOT ME STARTED?

• Passion for being creative

• Started taking web design and graphic design courses at early age

• Self learned to become photoshop guru

• What’s the next challenge? Web graphics? Print media? Animation?

3d?

MY EXPERTISE

USER EXPERIENCE

FRONT-END DEVELOPMENT

CONVERSION OPTIMIZATION

THINGS YOU NEED TO

KNOW

• Basic Language of the web

• HTML/HTML5

• CSS3

• JavaScript (jQuery.Ajax)

BASIC TERMINAL USAGE

WEB SERVICES

FRONT-END DEVELOPER

• Javascript frameworks (MV*)

• Single Page Applications - SPA

• Unit testing

• CSS Tools

• HTML Frameworks

• Responsive Design

• Front-end Build Tools

BACK-END DEVELOPER

• Backend languages

• Databases

• Web Services

• Dev Ops

PRO TIPS

Awesome indicators in your resume:

• What technologies do you use? -

HTML5/CSS3/JavaScript (jQuery)

• SASS, LESS, STYLUS

• BASIC HTML/CSS/jQuery (PSD to HTML)

- Lots of jobs

• Github - Create an account - put your own

work on github. Be active

• What text editor do you use?

• What OS do you use?

Jquery

• Dom Traversals (find li in an unordered

list)

• Can you navigate the dom decently

well in jQuery?

• jQuery user events (clicks/mouse over

> smart events)

• jQuery Ajax (Get requests - eg. get list

of tweets)

• jQuery plugins (implement them on a

web page)

PRO TIPS CONT.

What if you don’t have job experience?

• Create your own job experience - build sites for other people

• Make sites for a non-profit. Help them convert their dated site to bootstrap

• Take existing popular sites and code them yourself on how you’d do it different to make the

user experience better.

• Write blogs on topics to improve the web.

• Learn Wordpress / Drupal etc.

• Put your resume online - Get connected with recruiters (DO NOT PUT YOUR PHONE

NUMBER)

• Look for side jobs on Craigslist if you are looking to build your resume

MY FRONT-END

WORKFLOW

• Yeoman

• GulpJs

• Bower Components

SAMPLE LANDING PAGE

Requirements

•Bootstrap

•LESS/SASS

•jQuery

•RetinaJS

•Font-awesome

•Entypo Fonts

•FitVidsJS

•Animate.css

•InView.js