際際滷shows by User: VernonK / http://www.slideshare.net/images/logo.gif 際際滷shows by User: VernonK / Fri, 28 Sep 2018 14:50:02 GMT 際際滷Share feed for 際際滷shows by User: VernonK Digging into your DevTools /slideshow/digging-into-your-devtools/117105823 devtools-clt-fed-180928145002
This talk takes a brief look at developer tooling history, before jumping into a breakdown of some of Chrome DevTools major panels and tricks and techniques for each area. We then took two live examples of JS debugging with multiple kinds of breakpoints, and then wrapped things up with a quick overview of the RAIL performance model, and a walkthrough and demo of the Performance and Audit panels to see how we can catch performance bottlenecks and fix them!]]>

This talk takes a brief look at developer tooling history, before jumping into a breakdown of some of Chrome DevTools major panels and tricks and techniques for each area. We then took two live examples of JS debugging with multiple kinds of breakpoints, and then wrapped things up with a quick overview of the RAIL performance model, and a walkthrough and demo of the Performance and Audit panels to see how we can catch performance bottlenecks and fix them!]]>
Fri, 28 Sep 2018 14:50:02 GMT /slideshow/digging-into-your-devtools/117105823 VernonK@slideshare.net(VernonK) Digging into your DevTools VernonK This talk takes a brief look at developer tooling history, before jumping into a breakdown of some of Chrome DevTools major panels and tricks and techniques for each area. We then took two live examples of JS debugging with multiple kinds of breakpoints, and then wrapped things up with a quick overview of the RAIL performance model, and a walkthrough and demo of the Performance and Audit panels to see how we can catch performance bottlenecks and fix them! <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/devtools-clt-fed-180928145002-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> This talk takes a brief look at developer tooling history, before jumping into a breakdown of some of Chrome DevTools major panels and tricks and techniques for each area. We then took two live examples of JS debugging with multiple kinds of breakpoints, and then wrapped things up with a quick overview of the RAIL performance model, and a walkthrough and demo of the Performance and Audit panels to see how we can catch performance bottlenecks and fix them!
Digging into your DevTools from Vernon Kesner
]]>
198 1 https://cdn.slidesharecdn.com/ss_thumbnails/devtools-clt-fed-180928145002-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0
Finding and Hiring Front-End Developers in 2017 /slideshow/finding-and-hiring-frontend-developers-in-2017-71704557/71704557 front-end-2017-170202233333
The front-end development industry is plagued with hiring issues. Whether it be from not being able to find JavaScript talent, or developers not having the right "soft skills". This talk, geared for staffing firms and their recruiters, gives tips and insight into how you can find better talent, get them hired, and work with your technology managers and leads more efficiently.]]>

The front-end development industry is plagued with hiring issues. Whether it be from not being able to find JavaScript talent, or developers not having the right "soft skills". This talk, geared for staffing firms and their recruiters, gives tips and insight into how you can find better talent, get them hired, and work with your technology managers and leads more efficiently.]]>
Thu, 02 Feb 2017 23:33:32 GMT /slideshow/finding-and-hiring-frontend-developers-in-2017-71704557/71704557 VernonK@slideshare.net(VernonK) Finding and Hiring Front-End Developers in 2017 VernonK The front-end development industry is plagued with hiring issues. Whether it be from not being able to find JavaScript talent, or developers not having the right "soft skills". This talk, geared for staffing firms and their recruiters, gives tips and insight into how you can find better talent, get them hired, and work with your technology managers and leads more efficiently. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/front-end-2017-170202233333-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> The front-end development industry is plagued with hiring issues. Whether it be from not being able to find JavaScript talent, or developers not having the right &quot;soft skills&quot;. This talk, geared for staffing firms and their recruiters, gives tips and insight into how you can find better talent, get them hired, and work with your technology managers and leads more efficiently.
Finding and Hiring Front-End Developers in 2017 from Vernon Kesner
]]>
349 5 https://cdn.slidesharecdn.com/ss_thumbnails/front-end-2017-170202233333-thumbnail.jpg?width=120&height=120&fit=bounds presentation 000000 http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0
Design Systems are Coming... Are you Ready? /slideshow/design-systems-are-coming-are-you-ready/49858423 design-systems-overview-150626030229-lva1-app6892
Responsive Web Design has flipped the workflow of multi-discipline organizations on its head. Waterfall methodologies no longer work due to new points of collaboration needed between design and development. These intersection points leave many asking, "What does a wireframe look like?" or "What happened to comps?" This talk will look at how building pattern libraries can also help to build better teams.]]>

Responsive Web Design has flipped the workflow of multi-discipline organizations on its head. Waterfall methodologies no longer work due to new points of collaboration needed between design and development. These intersection points leave many asking, "What does a wireframe look like?" or "What happened to comps?" This talk will look at how building pattern libraries can also help to build better teams.]]>
Fri, 26 Jun 2015 03:02:29 GMT /slideshow/design-systems-are-coming-are-you-ready/49858423 VernonK@slideshare.net(VernonK) Design Systems are Coming... Are you Ready? VernonK Responsive Web Design has flipped the workflow of multi-discipline organizations on its head. Waterfall methodologies no longer work due to new points of collaboration needed between design and development. These intersection points leave many asking, "What does a wireframe look like?" or "What happened to comps?" This talk will look at how building pattern libraries can also help to build better teams. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/design-systems-overview-150626030229-lva1-app6892-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Responsive Web Design has flipped the workflow of multi-discipline organizations on its head. Waterfall methodologies no longer work due to new points of collaboration needed between design and development. These intersection points leave many asking, &quot;What does a wireframe look like?&quot; or &quot;What happened to comps?&quot; This talk will look at how building pattern libraries can also help to build better teams.
Design Systems are Coming... Are you Ready? from Vernon Kesner
]]>
358 2 https://cdn.slidesharecdn.com/ss_thumbnails/design-systems-overview-150626030229-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation 000000 http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0
JS Level Up: Prototypes /slideshow/js-level-up-prototypes/49617653 jslevelup-prototypes-150619222109-lva1-app6891
Take a dive into JavaScript prototypes from the perspective of constructor functions. Originally given at Charlotte JS on June 18, 2015.]]>

Take a dive into JavaScript prototypes from the perspective of constructor functions. Originally given at Charlotte JS on June 18, 2015.]]>
Fri, 19 Jun 2015 22:21:09 GMT /slideshow/js-level-up-prototypes/49617653 VernonK@slideshare.net(VernonK) JS Level Up: Prototypes VernonK Take a dive into JavaScript prototypes from the perspective of constructor functions. Originally given at Charlotte JS on June 18, 2015. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/jslevelup-prototypes-150619222109-lva1-app6891-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Take a dive into JavaScript prototypes from the perspective of constructor functions. Originally given at Charlotte JS on June 18, 2015.
JS Level Up: Prototypes from Vernon Kesner
]]>
329 2 https://cdn.slidesharecdn.com/ss_thumbnails/jslevelup-prototypes-150619222109-lva1-app6891-thumbnail.jpg?width=120&height=120&fit=bounds presentation 000000 http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0
Using Node and Grunt to create an awesome workflow /slideshow/using-node-and-grunt-to-create-an-awesome-workflow/31153592 grunt-workflow-jqconopt-140212230702-phpapp02
At Ally, we used Node.js along with Grunt, Yo and Bower to develop a custom developer toolset for Ally's front-end development teams. The toolset had to be crafted in a way that allowed us to take a forward approach while still supporting the use of some legacy code and not-so legacy code. In the end, we created a toolset that separated new and on-going development tasks, gave living documentation and usage examples, and also allowed us to focus on maintainable and testable code. In this talk, you will get an overview about problems we tackled as well as solutions we found and approaches to creating a more maintainable codebase.]]>

At Ally, we used Node.js along with Grunt, Yo and Bower to develop a custom developer toolset for Ally's front-end development teams. The toolset had to be crafted in a way that allowed us to take a forward approach while still supporting the use of some legacy code and not-so legacy code. In the end, we created a toolset that separated new and on-going development tasks, gave living documentation and usage examples, and also allowed us to focus on maintainable and testable code. In this talk, you will get an overview about problems we tackled as well as solutions we found and approaches to creating a more maintainable codebase.]]>
Wed, 12 Feb 2014 23:07:02 GMT /slideshow/using-node-and-grunt-to-create-an-awesome-workflow/31153592 VernonK@slideshare.net(VernonK) Using Node and Grunt to create an awesome workflow VernonK At Ally, we used Node.js along with Grunt, Yo and Bower to develop a custom developer toolset for Ally's front-end development teams. The toolset had to be crafted in a way that allowed us to take a forward approach while still supporting the use of some legacy code and not-so legacy code. In the end, we created a toolset that separated new and on-going development tasks, gave living documentation and usage examples, and also allowed us to focus on maintainable and testable code. In this talk, you will get an overview about problems we tackled as well as solutions we found and approaches to creating a more maintainable codebase. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/grunt-workflow-jqconopt-140212230702-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> At Ally, we used Node.js along with Grunt, Yo and Bower to develop a custom developer toolset for Ally&#39;s front-end development teams. The toolset had to be crafted in a way that allowed us to take a forward approach while still supporting the use of some legacy code and not-so legacy code. In the end, we created a toolset that separated new and on-going development tasks, gave living documentation and usage examples, and also allowed us to focus on maintainable and testable code. In this talk, you will get an overview about problems we tackled as well as solutions we found and approaches to creating a more maintainable codebase.
Using Node and Grunt to create an awesome workflow from Vernon Kesner
]]>
1525 3 https://cdn.slidesharecdn.com/ss_thumbnails/grunt-workflow-jqconopt-140212230702-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation 000000 http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0
Modular Development with RequireJS /slideshow/modular-development-26112598/26112598 modular-development-130911170703-phpapp02
This talk was given at BlendConf in September 2013. The talk takes a moment to examine some current problems that we face in front-end development. Then, it goes on to explore a couple modular patterns and principles (Single Responsibility Principle, Separation of Concerns, IIFE, Module Pattern, Revealing Module Pattern). We then moved in to modular development approaches we can take today using AMD and one of the implementations of this spec, RequireJS. At the end of the talk, I took a few minutes to talk about Harmony Modules proposed for ES6 and what they look like today.]]>

This talk was given at BlendConf in September 2013. The talk takes a moment to examine some current problems that we face in front-end development. Then, it goes on to explore a couple modular patterns and principles (Single Responsibility Principle, Separation of Concerns, IIFE, Module Pattern, Revealing Module Pattern). We then moved in to modular development approaches we can take today using AMD and one of the implementations of this spec, RequireJS. At the end of the talk, I took a few minutes to talk about Harmony Modules proposed for ES6 and what they look like today.]]>
Wed, 11 Sep 2013 17:07:03 GMT /slideshow/modular-development-26112598/26112598 VernonK@slideshare.net(VernonK) Modular Development with RequireJS VernonK This talk was given at BlendConf in September 2013. The talk takes a moment to examine some current problems that we face in front-end development. Then, it goes on to explore a couple modular patterns and principles (Single Responsibility Principle, Separation of Concerns, IIFE, Module Pattern, Revealing Module Pattern). We then moved in to modular development approaches we can take today using AMD and one of the implementations of this spec, RequireJS. At the end of the talk, I took a few minutes to talk about Harmony Modules proposed for ES6 and what they look like today. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/modular-development-130911170703-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> This talk was given at BlendConf in September 2013. The talk takes a moment to examine some current problems that we face in front-end development. Then, it goes on to explore a couple modular patterns and principles (Single Responsibility Principle, Separation of Concerns, IIFE, Module Pattern, Revealing Module Pattern). We then moved in to modular development approaches we can take today using AMD and one of the implementations of this spec, RequireJS. At the end of the talk, I took a few minutes to talk about Harmony Modules proposed for ES6 and what they look like today.
Modular Development with RequireJS from Vernon Kesner
]]>
675 2 https://cdn.slidesharecdn.com/ss_thumbnails/modular-development-130911170703-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0
https://cdn.slidesharecdn.com/profile-photo-VernonK-48x48.jpg?cb=1538146157 As a UX Consultant and Front-End Architect, I have helped direct, guide, and implement a modern front-end strategy, team structure, and workflow for major Financial Services companies and directed and implemented multiple multi-million dollar projects. During that time, I have spoken and taught on JavaScript and Front-End Strategy and implementation as well as modern Design Systems and Pattern Libraries that allow organizations to move into the next era of design and multi-device UI presentations. twitter.com/vernonk https://cdn.slidesharecdn.com/ss_thumbnails/devtools-clt-fed-180928145002-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/digging-into-your-devtools/117105823 Digging into your DevT... https://cdn.slidesharecdn.com/ss_thumbnails/front-end-2017-170202233333-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/finding-and-hiring-frontend-developers-in-2017-71704557/71704557 Finding and Hiring Fro... https://cdn.slidesharecdn.com/ss_thumbnails/design-systems-overview-150626030229-lva1-app6892-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/design-systems-are-coming-are-you-ready/49858423 Design Systems are Com...