ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

Wiu talk

•Download as PPTX, PDF•
•
Dhruv Patel
Dhruv Patel

This document provides advice for aspiring web developers. It discusses the author's background and expertise in user experience, front-end development, and conversion optimization. It recommends learning HTML, CSS, JavaScript, jQuery, and frameworks like Angular and React. It also provides tips for getting started in the field such as building personal projects, contributing to open source, and using tools like Git, text editors, and front-end build systems.

1 of 13
Download to read offline
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

More Related Content

Wiu talk

  • 1. So you wanna be a web developer? Secrets that I wish someone told me when I was starting out
  • 2. 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
  • 3. 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?
  • 4. MY EXPERTISE USER EXPERIENCE FRONT-END DEVELOPMENT CONVERSION OPTIMIZATION
  • 5. THINGS YOU NEED TO KNOW • Basic Language of the web • HTML/HTML5 • CSS3 • JavaScript (jQuery.Ajax)
  • 8. FRONT-END DEVELOPER • Javascript frameworks (MV*) • Single Page Applications - SPA • Unit testing • CSS Tools • HTML Frameworks • Responsive Design • Front-end Build Tools
  • 9. BACK-END DEVELOPER • Backend languages • Databases • Web Services • Dev Ops
  • 10. 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)
  • 11. 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
  • 12. MY FRONT-END WORKFLOW • Yeoman • GulpJs • Bower Components