Effective tool usage - web development tools and tips
•Télécharger en tant que PPTX, PDF•
2 j'aime•601 vues
Web Dev Tools, and tricks to help us all work a little better. Node.Js is a major help in the battle for a better #devlife.
Recommandé
Recommandé
Contenu connexe
Similaire à Effective tool usage - web development tools and tips
Similaire à Effective tool usage - web development tools and tips (20)
Dernier
Dernier (20)
Effective tool usage - web development tools and tips
- 2. About Me ● Javascript Developer ● @alforddesign ● nigel@bgcreatives.com ● Codingthepath.com
- 3. Where are we going with this? Why should you care Time is a finite resource
- 5. …Nailed It!
- 6. We must not be late
- 7. Why should I care? Shave critical time Reduce mental energy Create consistent, organized code Create breaks for mental/physical relief without impacting project performance or deadlines
- 8. Tech Groupings Node.js Yeoman Grunt/Gulp(honorable mention) Bower Livereload Compass IDE Sublime Brackets Browser tips and tricks
- 9. Quick Math for efficiency I only work for 50-60% of my work day Remainder of time: daydreaming, emailing, talking to coworkers(about work or play), meetings, app support, etc
- 10. Node.js is fun Node.js uses the Google V8 engine to execute event-driven, non-blocking I/O, Lightweight, and efficient, and cross-platform!
- 11. Browser Usage ● Chrome Developer Tools/Firefox Developer Tools ● Sublime IDE Plugins: o Package Manager o Plain Tasks o JS Format o Sublime Linter (JSHint) o GIT o Flatland theme o User Settings are the best to modify ● Pretzel or ctrl -F
- 12. More Tools…. ● Stack Overflow ● Yeoman/Grunt/Bower o Node.js based ● LastPass - Stop trying to remember pw’s and URLs More is always better
- 13. Tools pt. 2 ● Toggl: time management ● TypeIt4me(osx)/Phrase Express:Text Expansion ● Git o SourceTree o Github/bitbucket for repository usage, ideal for sharing
- 14. …and more tools ● Filezilla for ftp file comparison ● Dropbox- multiple computer usage ● kaleidoscope(osx)/Beyond Compare(win) ● google play music/pandora/soundcloud :-) ● Coffee or Tea (buy some good joe every now and then, you deserve it) Tools are fun
- 16. Questions?
Notes de l'éditeur
- Prepare you for tonight’s talk Goal: create an overview for the presentation Time: 60 mins Try to limit to 30-45 to leave room for questions Some small demos will be thrown in Ask everyone’s comfort level this talk assumes strong basics and no code specific sharing
- This is what we don’t want
- This is my goal emotion everyday.
- Time management is an inherent part of our duties, so we need every trick possible to stay on track.
- Determine and focus on critical areas Don’t need to think about how to make code most efficient Uniform code is easier for you and everyone else to read Goes without saying we could all use a break here and there.
- Used Toggl to track time usage. Depending on the day or flow of projects, my body/brain will shut down or get easily distracted We all need to be honest about our time usage, tracking is the only solution
- V8 complies Javascript to native Machine code before executing it The compiled code is optimized and re-optimized dynamically at runtime.
- Sublime: IDE Plugins(fewer plugins = greater speed): Plain Tasks: great for note taking JS Format: helps to clean up code periodically Sublime Linter (JSHint) helps to keep coding up to standard/compliant and reduce little errors. Show the user settings and the importance of creating a user page(its not hars and helps to keep from corrupting the system) Chrome Developer Tools/Firefox Developer Tools(The biggest) Mozilla Developer Tools is a great resource for various syntax research and usage Pretzel or ctrl -F (find in most) Stack Overflow: are you asking questions? are you posting answers? solve your own problems, post the results of your corrections be a team player, this will pay off Yeoman/Grunt/Bower: Project Build and Daily Tasks -Node.js dependecy lastpas: Stop trying to remember passwords, and site urls let them do everything including creating a more secure and robust password