+ All Categories
Home > Internet > Speed up your front-end development with the Proxly chrome extension

Speed up your front-end development with the Proxly chrome extension

Date post: 22-Nov-2014
Category:
Upload: daniel-nakov
View: 96 times
Download: 2 times
Share this document with a friend
Description:
Speed up your front-end development by redirecting remote web resources to your local files. Chrome extension and app Proxly can: - run a web server - redirect any web requests to local files - monitor files for changes and live reload the tab - modify web request and response headers
Popular Tags:
14
Speed Up Your Force.com Development and Go Localhost Daniel Nakov Technical Architect @dnak0v
Transcript
  • 1. Speed Up Your Force.comDevelopment and Go LocalhostDaniel NakovTechnical Architect@dnak0v

2. Daniel NakovTechnical Architect 3. the three great virtues of a programmer: laziness, impatienceLarry Wall 4. Agenda Impatience: Develop pages faster with Proxly Laziness: Use modern web dev tools 5. IDELocal FilesSFDCWeb Server10-20sBrowserSaveDeployRefreshGet Resources10-20sImpatience 6. 20-40 sec delayevery 2-3 min8 hours per day= 192 times per day1-2 HOURS per dayyep, numbers are made upImpatience 7. ProxlyBrowserIDELocal FilesSFDCWeb ServerSaveRedirect Resource Requeststo Local FilesWatch Files for changesLive ReloadLets do better 8. Proxly Free, open-source chrome app and extension Get it at the chrome store or githubhttp://github.com/dnakov/proxly Web Server Live Reload Modify Headers, CORS Redirect any web requests toanywhere Only dependent on Chrome 9. toavideo,Demo 10. Filesystemchrome.fileSystemProxly and Chrome APIsProxly ChromeAppSockets TCPServerchrome.socketsProxlyExtensionWeb Requestchrome.webRequestIntercept matching requests and redirectURLWatch file changes and reload 11. Toolchains for the WebYeoman (yeoman.io) Scaffolds your projects Hundreds of existing generatorsBower (bower.io) Javascript libraries dependency management Over 20,000 maintained packagesGulp (gulpjs.com) Programmable build tool (in javascript) Builds your stuff, runs your app, tests, etc 12. Toolchains for the web Unit tests Packaging, dependency management, existing components Concatenate, minify JS, HTML, CSS, Optimize images Preprocessors Linters Continuous integration Consistency 13. toavideo,Demo


Recommended