Search results “Line break style eslint”
Automatically fix ESLint code validation errors in Visual Studio Code
Just found this very interesting feature in Visual Studio Code. It turns out that if you break a style rule, and you get a warning from ESLint, if you click on the lightbulb that appears on the gutter, near the line number where the error is, you get a "Fix problem" option. At first, I wasn't sure if this was built into VSCode or in the the ESLint extension I'm using. After looking into this, I found that the extension not only provides that functionality but it offers many more nice things like auto fixing all "fixable" validation errors on save. Check it out: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint If you found this video useful, share it, subscribe to the channel, follow me on Twitter and Medium - @oprearocks. Keep an open mind! #eslint #vscode #visualstudio #visualstudiocode #webdev #webdevelopment #styleguide #codingstandards #javascript #nodejs #es6 #oprearocks
Views: 5960 Adrian Oprea
Master the art of the AST and take control of your JS (Yonatan Mevorach)
Talk given at Full Stack Fest 2017: https://fullstackfest.com Think about the new tools that are taking over the Javascript ecosystem: Babel, Typescript, Rollup, ESLint, and smarter IDEs. What do they all have in common: they all take Javascript source code as input, and some emit Javascript code as output. This talk will be a deep dive into the basic building block all these tools share: Transforming your code into a JS Abstract Syntax Tree (AST). You'll learn to read, traverse, and manipulate the AST so you can extend Babel by writing your own plugins, or by writing custom ESLint rules to enforce your team's code conventions. You'll also learn how to create super powerful "code-mods" to automatically convert thousands of legacy ES5 scripts to ES6 in seconds. I am a Tech Lead with an expertise in frontend technologies, and my passion is creating high-end, quality, beautiful and performant web applications. With 9 years of experience, I'm a thought leader in the latency and web performance domain, making ShopYourWay one of the fastest e-commerce mWeb sites in the world. I'm also an OSS contributor, blogger, active member of the local tech meetup scene, …and yet I'm still introduced to new employees as «the Javascript guy»
Views: 1101 Codegram Technologies
Building a JavaScript application -  intro pt 1
In Building a vanilla JavaScript application we make a basic implementation of Slack using JavaScript and Node.
Views: 568 Fredrik Christenson
Slipknot - The Devil In I [OFFICIAL VIDEO]
Slipknot's music video for 'The Devil In I' from the album, .5: The Gray Chapter - available now on Roadrunner Records. Download it at http://smarturl.it/thegraychapter Site: http://slipknot1.com iTunes: http://itunes.com/slipknot Facebook: http://facebook.com/slipknot Twitter: http://twitter.com/slipknot Instagram: http://instagram.com/slipknot Tumblr: http://slipknot.tumblr.com Directed by M. Shawn Crahan LYRICS Undo these chains, my friend. I’ll show you the rage I’ve hidden. Perish the Sacrament. Swallow, but nothing’s forgiven. You and I can’t decide which of us was taken for granted. Make amends… some of us are destined to be outlived. STEP INSIDE/ SEE THE DEVIL IN I Too many times, we’ve let it come to this STEP INSIDE/ SEE THE DEVIL IN I You’ll realize I’m not your Devil anymore Under the words of men, something is tempting the father. Where is your will, my friend? Insatiates never even bother. You and I, wrong or right, traded a lie for the leverage. In between the lens in light, you’re not what you seem. STEP INSIDE/ SEE THE DEVIL IN I Too many times, we’ve let it come to this STEP INSIDE/ SEE THE DEVIL IN I You’ll realize I’m not your Devil… I’m Not Your Devil Anymore Your Station- Is Abandoned- Fool You ‘cause I know what you’ve done Sensation- Depravation- You should’ve burned when you turned on everyone SO STEP INSIDE/ SEE THE DEVIL IN I Too many times, we’ve let it come to this STEP INSIDE/ SEE THE DEVIL IN I Oh, when all that’s left does not make sense STEP INSIDE/ SEE THE DEVIL IN I I know you’ll find your answers in the end STEP INSIDE/ SEE THE DEVIL IN I You’ll realize I’m not your Devil… anymore SO STEP INSIDE/ STEP INSIDE SEE THE DEVIL IN I/ SEE THE DEVIL IN I
Views: 201476196 Slipknot
WebWorkers: Code Session - Supercharged
In this Supercharged Live Code Session, Mariko Kosaka joins Surma to show you how to use WebWorkers to keep your main thread jank free. Find Mariko’s code here: https://github.com/GoogleChromeLabs/ui-element-samples/tree/gh-pages/web-workers Surma’s article about animating a blur: https://developers.google.com/web/updates/2017/10/animated-blur Send your questions and ideas to the guys and they will read them live or answer them in the comments below. Will there be bugs? Watch and see. Follow Mariko on Twitter: https://twitter.com/kosamari Follow Surma on Twitter: https://twitter.com/dassurma Watch more episodes of Supercharged here: https://goo.gl/WFD8py Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf
Tabs versus Spaces
Silicon Valley - S03E06
Views: 734511 freakpants
JavaScript Air Episode 010: ESLint
Let's talk about what ESLint is, how it works, and how it can be super useful for your project. We'll be joined by ESLint committers and the author of the Standard library. http://jsair.io/eslint
Views: 1670 JavaScript Air
Christoph Nakazawa:  Building High-Quality JavaScript Tools | JSConf EU 2017
http://2017.jsconf.eu/speakers/chris-pojer-building-high-quality-javascript-tools.html Jest was adopted widely across 100s of companies recently and provides an immersive testing experience. We’ll take a deeper look at JavaScript Testing with Jest and what it takes to turn a tool into a product with a delightful experience.
Views: 10101 JSConf
Accordion: Live Code Session - Supercharged
In this Supercharged Live Code Session, Paul and Surma live code an accordion. They'll be making (and hopefully fixing!) bugs, receiving your comments and answering the questions you have sent in! Please like if you want to see more Supercharged from Paul and Surma. Watch more episodes of Supercharged here: https://goo.gl/WFD8py Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf
Web Performance Tooling  - Google I/O 2016
Let Paul Irish and Sam Saccone show you new tips, tricks and features in DevTools (and beyond!) that help you debug the performance of your site. Measuring your key user interactions and diagnosing your bottlenecks is key, and Paul will illuminate the best practices by showing performance opportunities in real world sites. Watch more Chrome talks at I/O 2016 here: https://goo.gl/JoMLpB See all the talks from Google I/O 2016 here: https://goo.gl/olw6kV #io16 #GoogleIO #GoogleIO2016
Views: 313333 Google Chrome Developers
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html Jet Propulsion Laboratory - scientific institution making research and development for NASA. Their portfolio includes such famous missions as Curiosity Mars rover and Voyager probe which left solar system after 25 years of flight and still providing scientific information. High level of automation and long duration of missions led to superior demands to software quality. As a result of JPL amazing experience a set of code guidelines was developed and published recently. Since demands to web-driven software constantly increase and more critical tasks are entrusted to JavaScript, lets apply NASA coding guidelines to JavaScript / HTML applications for higher performance, reliability and the better world.
Views: 9268 JSConf
Flip Switch: Live Code Session - Supercharged (Polymer Summit 2016)
Paul and Surma live-code a UI element from scratch, using ES2015, Custom Elements and Shadow DOM. Yeah, because live-coding never goes wrong. And to make matters worse, you can bombard them with questions live, too. Missed the summit? Catch the recordings at: https://www.polymer-project.org/summit Or watch more videos here: https://goo.gl/XDWHzT Subscribe to the channel: https://youtube.com/chromedevelopers Slack channel: https://polymer.slack.com/messages/supercharged/ Supercharged YouTube Playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIBz9ACEQRmO9Lw8PW7vn0lr Our repository: https://github.com/GoogleChrome/ui-element-samples Music by Terra Monk: https://goo.gl/9BkpNH
Server-Side Render Vue Apps with Nuxt.js (Server-side Rendering with JavaScript Frameworks)
Server Side Rendering Vue apps with Nuxt is super awesome. It takes a bit of configuration, but after the initial setup you have an excellent SSR build pipeline. Add in Firebase Hosting's CDN and now you have a low-latency SSR Vue app! Firebase Hosting Docs: https://goo.gl/TfcGv1 package.json: https://goo.gl/utQDL7 Nuxtjs: https://nuxtjs.org/ Watch more Server-side Rendering with Javascript Frameworks: https://goo.gl/yaYkHX Subscribe to the Firebase Channel to never miss a Server-side Rendering episode: https://goo.gl/9giPHG
Views: 21860 Firebase
How to Play Pokémon Go - Tips & Tricks (Guide)
Pokémon Go has been released but the game doesn't exactly teach you how to play. We break down each aspect of the augmented reality mobile game to off tips and tricks on finding, catching, and evolving Pokémon as well as battling Gyms and much more! Want more tips on hatching Eggs and a full guide of the hatchable Pokémon? Check out our latest video! https://www.youtube.com/watch?v=AzI2KRwxg4E • Support us by shopping @ AMAZON - http://geni.us/wq8 • Support us on Patreon: https://www.patreon.com/GameXplain ...Facebook: http://www.facebook.com/gamexplain ...Twitter: http://twitter.com/GameXplain ...Instagram: https://www.instagram.com/gamexplain_official ...Google+: https://plus.google.com/108004348435696627453
Views: 3602638 GameXplain
Async Redux, Tools - Lecture 10 - CS50's Mobile App Development with React Native
00:00:00 - Introduction 00:01:13 - react-redux Review 00:07:48 - Supporting Async Requests 00:33:26 - Redux Middleware 01:15:21 - Persisting State 01:16:34 - redux-persist 01:23:14 - Container vs. Presentational Components 01:25:45 - Do I Need Redux? 01:29:15 - JavaScript Tools 01:31:50 - ESLint 01:38:44 - Prettier
Views: 3761 CS50
Configure Visual Studio Code for React Native Development
EXTENSIONS LIST: https://learn.handlebarlabs.com/courses/how-to-set-up-a-new-react-native-project/lectures/3939770 FULL (FREE) COURSE: https://learn.handlebarlabs.com/p/how-to-set-up-a-new-react-native-project
Views: 20444 Handlebar Labs
Debugging a Create React App with VS Code
In this video we’ll look at how to configure VS Code to debug React components and Jest unit tests inside a web application that was created by create-react-app. Resources https://twitter.com/elijahmanor http://bit.ly/manorisms-cra-debug-vscode-react http://bit.ly/manorisms-cra-debug-vscode-jest
Views: 10057 Manorisms
JSConf Iceland 2018 Day 1 Katla Track - Live
From Harpa, Reykjavik on March 1st, 2018. See the schedule at: https://2018.jsconf.is
Views: 23992 JSConf
Performance - Lecture 11 - CS50's Mobile App Development with React Native
00:00:00 - Introduction 00:01:32 - Performance 00:02:03 - Trade-Offs 00:02:52 - Measuring Performance 00:18:24 - Common Inefficiencies 00:18:41 - Rerendering Too Often 00:46:11 - Unnecessarily Changing Props 01:00:40 - Unnecessary Logic in Mount/Update 01:04:05 - Reminder: Trade-Offs 01:04:59 - Animations 01:26:01 - Animated 01:43:46 - In Conclusion
Views: 2298 CS50
Release with Confidence: Testing, Debugging, and Monitoring in a Serverless World (Cloud Next '18)
Identifying the cause of a bug in a serverless system can sometimes be difficult. We'll show you how to tame your bugs with testing, and how to diagnose and mitigate problems in production. Event schedule → http://g.co/next18 Watch more Application Development sessions here → http://bit.ly/2zMcTJc Next ‘18 All Sessions playlist → http://bit.ly/Allsessions Subscribe to the Google Cloud channel! → http://bit.ly/NextSub
Quick Coding with Brackets - Preferences
Please visit http://css-snippets.com/brackets-course-23 for links, comments and questions. In this lesson I show you how to edit the Preferences File. We see how to set up personal Linting options and how to set up project specific preferences. 0:25 - Open Preferences File 1:10 - Setting JS Lint preferences 3:05 - Project specific preferences
Views: 4002 Lisa Catalano
Production-Ready Polymer Elements - A How-To-Guide (Polymer Summit 2016)
The Polymer team is responsible for over one hundred elements that are used in vast assortment of combinations, browsers, and applications. Come learn how we make our elements production ready, and how to use the same tools and techniques for your own elements. We explore topics such as Code Linting with eslint, In-Browser testing with web-component-tester, Fixture testing with the test-fixture element, Accessibility Testing with accessibility-developer-tools, web-component-tester, and VoiceOver, and finally Continuous Integration Testing with Travis-CI and Sauce Labs. Missed the summit? Catch the recordings at: https://www.polymer-project.org/summit Or watch more videos here: https://goo.gl/XDWHzT Subscribe to the channel: https://youtube.com/chromedevelopers Find out more here: https://github.com/PolymerElements/paper-checkbox http://eslint.org/ https://github.com/PolymerLabs/polylint https://travis-ci.org/ https://saucelabs.com/ Music by Terra Monk: https://goo.gl/9BkpNH
Create React App Login Form
Learn how to create a login form using Create React App. After logging in, we will create a jwt token for that user and store it in localStorage. This allows us to keep the user logged in for a week and allow them to access protected content. Starter code: client: https://github.com/benawad/gello-world/tree/1_register server: https://github.com/benawad/graphql-express-template/tree/14_nextjs_login Finished code: https://github.com/benawad/gello-world/tree/2_login Node.js GraphQL Server tutorial: https://www.youtube.com/playlist?list=PLN3n1USn4xlnXfLBuSMFcYM5yei4oxdxB Create React App tutorial: https://www.youtube.com/playlist?list=PLN3n1USn4xlm_kQ2F-vuucMF1Mp0ti-hy ---- Video Suggestions: Trello: https://trello.com/b/mErpLVj7/todo Join the Trello board: https://trello.com/invite/b/mErpLVj7/99020cac2d3397287640d7d86cb3c09a/todo ---- Follow Me Online Here: Instagram: http://instagram.com/benawad97 Twitter: https://twitter.com/benawad97 Patreon: https://www.patreon.com/benawad ---- Join the Discord: https://discord.gg/Vehs99V
Views: 27756 Ben Awad
RailsConf 2016 - Power up Your Development with RubyMine by Tatiana Vasilyeva
There are many development tricks and habits that lie at the root of productive coding. IDEs, like RubyMine, are a big one. Adopting a new tool does require an initial investment of time though, as you customize your environment and learn the shortcuts.
Views: 8667 Confreaks
13 Pro Tips Every React Native Developers should know
0:10 - 13.Setup flow and eslint 1:01 - 12.Use global variable for font sizes and colors 1:56 - 11.Lock your library dependencies 2:18 - 10.Setup your project for scale 2:44 - 9.Use ternary operator only if necessary 3:03 - 8.Directory resolution with package.json 3:44 - 7.Create a seperate function to render react native elements. 4:05 - 6.Use fastlane to automate Beta deployment and release for both android and iOS 4:41 - 5.Using of Redux 5:41 - 4.Container Component 6:18 - 3.Lifting state 6:54 - 2.Redux saga 8:15 - 1.PropTypes This video tutorial guides react/react native developers to write super readable code. Read on Medium :- https://medium.com/@loons.create/13-best-practices-every-react-native-developers-should-know-be7cb53452d7
Views: 224 Asbar
A11Y Talks February 2018 - Scott Vinkle - Creating Accessible React Apps
The React JavaScript library is a great way to create reusable modular components that can be shared among projects. But how do you ensure your React apps are usable by all kinds of people? Scott Vinkle will share tips on how to build your React apps with accessibility baked-in! All levels of JS and accessibility experience are welcome! If you need a little more background information on React JS and Accessibility please read Scott’s article: https://svinkle.me/react-a11y Links mentioned in the talk: • A11Y Project: https://a11yproject.com • A11Y Slack channel: web-a11y.herokuapp.com • “Who to follow”: https://a11yproject.com/follow • aXe: https://axe-core.org • Lighthouse: https://developers.google.com/web/tools/lighthouse • String ref being deprecated: https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs • Keycastr: https://github.com/keycastr/keycastr • Screencast with VoiceOver: https://medium.com/@svinkle/screencast-with-voiceover-7a3e0872f90a ----- Recorded: February 28th, 2018 (12pm ET) Speaker: Scott Vinkle (https://twitter.com/svinkle) Topic: Creating Accessible React Apps Slidedeck: https://svinkle.github.io/creating-accessible-react-apps-talk Demo: https://svinkle.github.io/tv-db/ Demo source: https://github.com/svinkle/tv-db
Views: 249 Accessibility Talks
JavaScript Air Episode 031: Automated Accessibility Testing with aXe-core
The Deque Labs team is doing some really cool stuff for automated accessibility testing, bringing their years of accessibility expertise to mainstream web developers. The open source axe-core framework, written entirely in JavaScript, supports a bunch of integrations: Webdriver JS, Grunt and Gulp plugins, Chrome and Firefox extensions, and more. Get the low-down on how to integrate accessibility testing into your workflow with the core team from Deque. (pronounced Dee-Cue)
Views: 795 JavaScript Air
RubyConf 2017: Finding Beauty in the Mundane by Megan Tiu
Finding Beauty in the Mundane by Megan Tiu Amongst the exciting challenges of making software, there are some tasks we go out of our way to avoid: linting files, updating dependencies, writing documentation. But even the "boring" parts of the job are opportunities to make big changes for the better, little by little. In this talk, you'll learn how to make even the most mundane development tasks exciting in order to better your applications and become your team's hero in the process.
Views: 154 Confreaks
JavaScript Air Episode 019: Internet of Things with JavaScript
The world is becoming more and more interconnected with more devices joining and communicating on the network every day. The space of hardware hacking is exciting! It's becoming even more welcoming to developers as the barrier to entry has been decreased significantly with JavaScript.
Views: 745 JavaScript Air
Idan Gazit about JavaScript at Django: Under The Hood 2016
Slides: https://speakerdeck.com/djangounderthehood/javascript-by-idan-gazit Django: Under The Hood: http://djangounderthehood.com/ Django: Under The Hood is an annual Django conference for experienced Django developers. Come and learn about the internals of Django, and help to shape its future.
Views: 1356 Django Under The Hood
JavaScript Air Episode 032: Publishing JavaScript Packages
Doing open source involves a lot more than just coding up the tool/library. We're going to talk about the challenge of actively publishing an open source package on npm and some of the tools that have been developed to automate this process. Our guests have each developed some amazing tools, so you're in for a really interesting show!
Views: 1060 JavaScript Air
Orbit Gum Lint Licker Commercial Best Version
This is the better version of the funny "lint licker" commercial
Views: 1861942 frogzlove
Ariya Hidayat: Next-Generation JavaScript Language Tooling
Web applications written in JavaScript rapidly grow in size and complexity. Ensuring and tracking the quality of such large-scale complex applications are daunting, especially with the lack of proper language tooling. In this presentation, a new trend in emerging composeable JavaScript language tools will be discussed. Armed with those tools, a wide range of end-to-end quality workflow can be established, from simple static analysis, syntax augmentation/transformation, dynamic code analysis, as well as run-time complexity profiling.
Views: 1128 YUI Library
JavaScript Air Episode 000: The past, present, and future of JavaScript
Kicking off JavaScript Air with a bang with our first guest +Brendan Eich to talk about the past, present, and future of JavaScript. For tips/picks and links, see http://audio.javascriptair.com/e/00-jsair-the-past-present-and-future-of-javascript/ Be sure to follow us to be notified of upcoming episodes: Twitter: https://twitter.com/JavaScriptAir Google+: https://plus.google.com/105493143005968326308 Facebook: https://facebook.com/JavaScriptAir YouTube: http://video.javascriptair.com/ Audio Podcast: http://audio.javascriptair.com/ http://jsair.io/first
Views: 8312 JavaScript Air
How to change a Halogen Light Bulb
Your friends at http://www.bulbster.com take a moment to show you the correct way to change a halogen light bulb. Keep posted for more fun and informative videos to come, and check out bulbster.com for any and all of your light bulb needs.
Views: 149578 BulbsterDotCom
JavaScript Air Episode 004: Unit Testing JavaScript
Testing in JavaScript comes with its own set of challenges. But in recent years, tools and patterns have been developed to make writing unit tests and tracking coverage much simpler than ever before. Join us as we talk with +Ward Bell, +Joe Eames, and Christian Johansen about unit testing JavaScript http://jsair.io/unit-testing
Views: 2130 JavaScript Air
JavaScript Air Episode 002: Babel, the JavaScript Compiler
Tons of people use Babel. With the release of Babel 6, it is now a language platform as well as a transpiler. Join us as we talk about the ecosystem of Babel plugins, ASTs, and all of the neat stuff that you can do with this amazing tool with some of the core contributors to the project. http://jsair.io/babel
Views: 3281 JavaScript Air
Meetup #4 - ZURB Foundation 6 presents: Using a static site generator
San Francisco Static Web Tech Meetup. 2016.13.01 Foundation 6 using a static site generator. Geoff Kimball from ZURB presents. Full Transcript: http://www.staticwebtech.com/presentations/zurb-foundation-panini/ twt. @geoffkimball GitHub. @gakimball Visit https://www.staticwebtech.com for more video presentations. To join the meetup, go to http://www.meetup.com/sf-static-web-tech/
Views: 3820 StaticWebTech
JavaScript Air Episode 017: JavaScript Frameworks: Angular
Angular is the most widely used JavaScript framework in the world and there's a reason for that. Angular 1 changed the framework landscape and Angular 2 is shaping up to do that again. Join us with some of the core team members to talk about this amazing piece of JavaScript tech!
Views: 1310 JavaScript Air
Day 4 - Hackathon Presentations at edX
Open edX Hackathon Presentations at edX (Cambridge, MA), June 17, 2016
Views: 56 Open edX
RailsConf 2016 -  Lightning Talks
1:05 3:02 4:26 Thomas Witt 9:16 Claudio 12:42 Michael Hartl 17:53 Reid Morrison 27:39 Haley 32:27 Mike Virata-Ston 37:33 John Sawers 43:00 Matthew Nielsen 47:37 Adam Cuppy 51:14 Godfrey Chan 55:02 @presidentbeef 58:42 Nadia Odunayo & Saron Yitbarek 1:02:30 Saron Yitbarek 1:07:45 Stephanie Nemeth 1:10:44 Jose Castro 1:15:42 Tian 1:22:29 Benjamin Fleischer 1:27:39 Stephanie Marx Help us caption & translate this video! http://amara.org/v/JfWe/
Views: 944 Confreaks

Lanxess newsletter formats
Program specialist cover letter examples
Writing a letter of complaint about service
How to write application to school principal for job
Drafting cover letter samples