Productive JavaScript Workflow

•

4 likes•1,590 views

Krzysztof Szafranek

Presentation about best development practices for JavaScript teams.

Technology

Productive JavaScript workﬂow

Krzysztof Szafranek

2 years
> 80 000 lines of JavaScript
4 major redesigns
15 front-end developers

Do you test every change in each browser?
Before each commit?

× ×

Are you sure you didn’t break
any page in the application?

Do you know if you didn’t
break somebody else’s code?

How to stay sane while
working on a large JS project?

Krzysztof Szafranek

“But we don’t have time to
write tests!”
“My manager didn’t want unit
tests”

How do you know your code
works, when you don’t have a
test for it?

How do you know your code
still works aer each commit,
when you don’t have a test for
it?

Which framework?
DOH Jasmine RhinoUnit
JSUnit screw-unit JasUnit
QUnit Test.Simple FireUnit
Crosscheck Test.More Js-test-driver
J3Unit TestCase Sinon.js
JSNUnit TestIt SOAtest
YUITest jsUnitTest Vows
JSSpec JSTest Nodeunit
UnitTesting JSTest.NET Tyrtle
JSpec jsUnity

Doesn’t matter
(As long as you use it)
(And is easy to automate)

Running tests in every
browser takes time

People make mistakes

Continuous Integration is a soware development practice
where members of a team integrate their work frequently . . .
leading to multiple integrations per day. Each integration is
veriﬁed by an automated build (including test) to detect
integration errors as quickly as possible.

Martin Fowler

CI for front-end
push

jslint deploy

tests

Early bug detection
Early ﬁxes
No more FTP uploads
Application is always shippable

.. soware testing alone has limited eﬀectiveness – the average
defect detection rate is only 25 percent for unit testing, 35
percent for function testing, and 45 percent for integration
testing. In contrast, the average eﬀectiveness of design and
code inspections are 55 and 60 percent.

Steve McConnell
Code Complete

A little help from the process

Not Checked Code Design QA
Started Out Review Review Review

Are
there
unit
tests?

Before we part
1. Use jslint and unit tests to get feedback early

2. Use CI to have shippable soware all the time

3. Don’t be afraid of your peers (and ducks)

Links

http://www.jslint.com/
http://code.google.com/p/js-test-driver/
http://jenkins-ci.org/
http://sinonjs.org/

krzysztof@szafranek.net

Photo credits:

SpoiltCat, RemixDave, activeside, kate.gardiner, Jiheﬀe

What's hot

Everybody wants to invest in automated testing solution because it saves money and improves quality. But usually after the initial investment of time and resources in implementation and few months of happy running it starts breaking, then stops working completely, then it is abandoned. How do you prevent this from happening? How can you make it easier for developers and testers to keep it up? I want to share my experience with creating automated testing solutions for eclipse based projects and describe what worked and what did not. This talk will include descriptions of several testing frameworks and why some of them failed. Testing frameworks discussed will include JUnit, Mockito, SWTBot, Window Tester, Jubula, Squish and some in-house frameworks. I also will describe how to take advantage of static analysis for testing. I will share tips and tricks on how to design your code with testing in mind and how to create effective test cases and integrate testing into your development process in order to reduce the chance of automated testing abandonment.

Winning the battle against Automated testing

Elena Laskavaia

I Smell A RAT- Rapid Application Testing

Peter Presnell

Continuous delivery

Alexandru Bolboaca

Software engineering

bartlowe

Using Continuous Integration To Ensure Project Health New

bartlowe

My journey as a developer

Mehdi Khalili

Putting the pro in programmer

Switch Systems Ltd

Move test planning before implementation

Ted Cheng

Some of our users run static analysis only occasionally. They find new errors in their code and, feeling glad about this, willingly renew PVS-Studio licenses. I should feel glad too, shouldn't I? But I feel sad - because you get only 10-20% of the tool's efficiency when using it in such a way, while you could obtain at least 80-90% if you used it otherwise. In this post I will tell you about the most common mistake among users of static code analysis tools.

Static analysis is most efficient when being used regularly. We'll tell you w...

PVS-Studio

Continuous Deployment Pipeline for Systems - Presented at Ohio LinuxFest 2017...

garrett honeycutt

Jeremias Rößler

CodeFest

7 testing principles

Testing Expert

Preparing for the WebGeek DevCup

bryanbibat

Continuous Deployment Pipeline for Systems at Cascadia IT Conference - 2017-0...

garrett honeycutt

Shifted development cycle

Siarhei Hladkou

Continuous Integration is a software development practice where members of a team integrate their work frequently into a code repository. Each integration is verified by an automated build process that includes different kinds of tests and code quality measurements to detect errors and code quality violations as quickly as possible. This talk will introduce the principles of Continous Integration and show how to set up a Python/Plone project with a CI-Server as a central component of the development process.

Who let the robot out? - Building high quality software with Continuous Integ...

Timo Stollenwerk

Continuous Integration for Beginners

Yüce Çelikel

Justin Ison

CodeFest

Adventures in continuous delivery

Umberto Nicoletti

PSPDFKit on Android

Jernej Virag

What's hot (20)

Winning the battle against Automated testing

I Smell A RAT- Rapid Application Testing

Continuous delivery

Software engineering

Using Continuous Integration To Ensure Project Health New

My journey as a developer

Putting the pro in programmer

Move test planning before implementation

Static analysis is most efficient when being used regularly. We'll tell you w...

Continuous Deployment Pipeline for Systems - Presented at Ohio LinuxFest 2017...

Jeremias Rößler

7 testing principles

Preparing for the WebGeek DevCup

Continuous Deployment Pipeline for Systems at Cascadia IT Conference - 2017-0...

Shifted development cycle

Who let the robot out? - Building high quality software with Continuous Integ...

Continuous Integration for Beginners

Justin Ison

Adventures in continuous delivery

PSPDFKit on Android

Similar to Productive JavaScript Workflow

TDD Workshop UTN 2012

Facundo Farias

** Full webinar recording: ** Two leading developers -- from Jira/ Atlassian and Pushpay -- shared their insights, tip, tricks, and best practices on how to maintain quality across the Dev-Test-Release cycle, without losing speed or coverage. Talk 1: Reducing the Risk of Rapid Development and Continuous Delivery -- by David Corbett (Director of Engineering @ Pushpay) In this talk, David showed us what goes on under the hood of Pushpay's development cycle. He also talked about the ways in which Pushpay is empowering Dev and Test teams to be more autonomous, and prompting them to use advanced test automation tools & techniques, such as visual validation, in order to gain confidence in deploying many times each day. Talk 2: Testing Hourglass at Jira Frontend -- by Alexey Shpakov (Sr. Developer - Jira Frontend @ Atlassian) We often hear people talk about the testing pyramid. In Jira Frontend, we talk about testing hourglass -- that means we expect our developers to be responsible for the whole lifecycle of the code -- starting from creating tests and finishing with running a 24/7 on-call. In this talk, Alexey did a deep-dive into the various types of testing they have in Jira Frontend, and discussed the various tools that allow them to deliver Jira to customers in a low-risk manner.

Testing Hourglass at Jira Frontend - by Alexey Shpakov, Sr. Developer @ Atlas...

Applitools

Browser Automated Testing Frameworks - Nightwatch.js

Luís Bastião Silva

The best reason for writing tests is to automate your testing. Without tests, you'll likely be testing manually. This manual testing will take longer and longer as your codebase grows. In this session, you’ll learn how to test an Angular 2 application. You'll learn how to use Jasmine to unit test components and Protractor for integration testing. We’ll also take a look at code coverage options and explore continuous integration tools.

Testing Angular 2 Applications - Rich Web 2016

Matt Raible

Unit Testing & Test Driven Development

ersanbilik

Why test with flex unit

michael.labriola

Tdd - introduction

Samad Koushan

Introduction to Automated Testing

Lars Thorup

Introduction to-automated-testing

BestBrains

Testing & continuous delivery

Nelson Melina

Continuous integration (eng)

Anatoliy Okhotnikov

One of the biggest challenges of many web applications is the support on the different browsers with different versions. JavaScript code that runs on Safari does not necessarily mean it will work on IE or Firefox or Google chrome. This challenge is inherited from the lack of testing the JavaScript code that lives in the presentation tier from day one. Without unit testing the JavaScript code, organization will pay much money for testing, re-testing, and re-testing web applications for just deciding upgrading or supporting new browsers. This presentation shows the solution of this problem.

Efficient JavaScript Unit Testing, May 2012

Hazem Saleh

Implementing Quality on a Java Project

Vincent Massol

TDD super mondays-june-2014

Alex Kavanagh

Automated Exploratory Testing

Justin Ison

Ui qa tools

Sevilla QA

One of the cornerstones in Agile development is fast feedback. For engineering, "fast" means "instantly" or "in 5 minutes", not "tomorrow" or "this week". Your engineering practices should ensure that you can answer yes to most of the following questions: - Do we get all test results in less than 5 minutes after a commit? - Is our code coverage more than 75% for both front-end and back-end? - Can we start exploratory testing in less than 15 minutes after a commit? - Do all our tests pass more than 90% of our commits? This talk will give you practical advice on how to get to "yes, we get fast feedback".

Put "fast" back in "fast feedback"

Lars Thorup

DevOps - Boldly Go for Distro

Paul Boos

STARWEST 2011 - 7 Steps To Improving Software Quality using Microsoft Test Ma...

Anna Russo

Efficient JavaScript Unit Testing, March 2013

Hazem Saleh

Similar to Productive JavaScript Workflow (20)

TDD Workshop UTN 2012

Testing Hourglass at Jira Frontend - by Alexey Shpakov, Sr. Developer @ Atlas...

Browser Automated Testing Frameworks - Nightwatch.js

Testing Angular 2 Applications - Rich Web 2016

Unit Testing & Test Driven Development

Why test with flex unit

Tdd - introduction

Introduction to Automated Testing

Introduction to-automated-testing

Testing & continuous delivery

Continuous integration (eng)

Efficient JavaScript Unit Testing, May 2012

Implementing Quality on a Java Project

TDD super mondays-june-2014

Automated Exploratory Testing

Ui qa tools

Put "fast" back in "fast feedback"

DevOps - Boldly Go for Distro

STARWEST 2011 - 7 Steps To Improving Software Quality using Microsoft Test Ma...

Efficient JavaScript Unit Testing, March 2013

Recently uploaded

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

MINDCTI Revenue Release Quarter One 2024

MIND CTI

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

AXA XL - Insurer Innovation Award Americas 2024

The Digital Insurer

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Zilliz

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

In the thrilling conclusion to 2023, ransomware groups had a banner year, really outdoing themselves in the "make everyone's life miserable" department. LockBit 3.0 took gold in the hacking olympics, followed by the plucky upstarts Clop and ALPHV/BlackCat. Apparently, 48% of organizations were feeling left out and decided to get in on the cyber attack action. Business services won the "most likely to get digitally mugged" award, with education and retail nipping at their heels. Hackers expanded their repertoire beyond boring old encryption to the much more exciting world of extortion. The US, UK and Canada took top honors in the "countries most likely to pay up" category. Bitcoins were the currency of choice for discerning hackers, because who doesn't love untraceable money?

Ransomware_Q4_2023. The report. [EN].pdf

Overkill Security

Recently uploaded (20)