Debugging Javascript - Munich Frontend Developers 13.5.2020

•

0 gostou•120 visualizações

Juha-Matti Santala

Slides from my meetup talk in Munich Frontend Developers meetup

Tecnologia

Debugging
Javascript
Munich Frontend Developers :: 13.05.2020 :: @hamatti

JuhisHi, I’m
Developer Advocate @ Futurice
Founder of Turku ❤ Frontend
@hamatti :: hamatti.org
From Helsinki, "

FUNDAMENTALS
Munich Frontend Devs @hamatti

FUNDAMENTALS
Munich Frontend Devs @hamatti
TOOLS & TECHNIQUES

NON-TECHNICAL METHODS
FUNDAMENTALS
Munich Frontend Devs @hamatti
TOOLS & TECHNIQUES

STOP & BREATHE
Munich Frontend Devs @hamatti

REPRODUCE LOCATE
Munich Frontend Devs @hamatti

REPRODUCE LOCATE FIX
Munich Frontend Devs @hamatti

https://twitter.com/JenMsft/status/1256007715425382400/Munich Frontend Devs @hamatti

FROM END TO START
Munich Frontend Devs @hamatti

TOOLS & TECHNIQUES
Munich Frontend Devs @hamatti

CONSOLE.__
Munich Frontend Devs @hamatti

console.log
Munich Frontend Devs @hamatti

Template literals
Munich Frontend Devs @hamatti

Multiple values with template literals
Munich Frontend Devs @hamatti

Object Property Value Shorthand
Munich Frontend Devs @hamatti

console.table
Munich Frontend Devs @hamatti

console.trace
console.count
console.group
https://developer.mozilla.org/en-US/docs/Web/API/Console
+
Munich Frontend Devs @hamatti

BROWSERS’
DEVELOPER TOOLS
Munich Frontend Devs @hamatti

DOM Inspector
Styles
Debugger
Network requests
Performance
Accessibility
Framework extensions
Munich Frontend Devs @hamatti
BROWSERS’ DEVELOPER TOOLS

Google Chrome
Munich Frontend Devs @hamatti
https://developers.google.com/web/tools/chrome-devtools
https://developer.mozilla.org/en-US/docs/Tools
Mozilla Firefox
BROWSERS’ DEVELOPER TOOLS

debugger
continue until next breakpoint
Munich Frontend Devs @hamatti

debugger
continue until next breakpoint
call function without
stepping into it
Munich Frontend Devs @hamatti

debugger
continue until next breakpoint
call function without
stepping into it
step into a function
Munich Frontend Devs @hamatti

debugger
continue until next breakpoint
call function without
stepping into it
step into a function
step out of a function
Munich Frontend Devs @hamatti

debugger
continue until next breakpoint
call function without
stepping into it
step into a function
step out of a function
next line
Munich Frontend Devs @hamatti

debugger
continue until next breakpoint
call function without
stepping into it
step into a function
step out of a function
next line
turn breakpoints off
Munich Frontend Devs @hamatti

breakpoints
Munich Frontend Devs @hamatti

conditional breakpoints
Munich Frontend Devs @hamatti

DOM breakpoints
Munich Frontend Devs @hamatti

NON-TECHNICAL METHODS
Munich Frontend Devs @hamatti

BRAIN DUMP
Munich Frontend Devs @hamatti

Munich Frontend Devs @hamatti
WRITE DOWN

1. WHAT IS THE PROBLEM?
Munich Frontend Devs @hamatti
WRITE DOWN

1. WHAT IS THE PROBLEM?
2. WHAT ARE YOUR ASSUMPTIONS?
Munich Frontend Devs @hamatti
WRITE DOWN

1. WHAT IS THE PROBLEM?
2. WHAT ARE YOUR ASSUMPTIONS?
3. WHAT HAVE YOU TRIED?
Munich Frontend Devs @hamatti
WRITE DOWN

TAKE A BREAK
Munich Frontend Devs @hamatti

TALK TO
A RUBBER DUCK
Munich Frontend Devs @hamatti

humanetechguides.com/debugging
Munich Frontend Devs @hamatti

Thanks!
juhis@futurice.com
@hamatti in Twitter
hamatti.org
Munich Frontend Devs @hamatti

Mais conteúdo relacionado

Semelhante a Debugging Javascript - Munich Frontend Developers 13.5.2020

Debugging Python - Python Users Berlin 14.5.2020

Juha-Matti Santala

GoodBarber presentation for students

Dominique SIACCI

There is an App for...Vanity URLs

Magnolia

Mconf14 aperto vanity url-app

Aperto Nachname

Mobile application development does not need to be difficult for us Web Developers. No longer do we need to learn a whole slew of new programming languages to create a mobile application. We can use our existing skills and create mobile applications with Html, JavaScript, and CSS. Then deploy to Android and iOS devices using a single code base that looks, feels, and performs like a native mobile application. Apache Cordova enables the packaging of our web code into the mobile application that we will deploy to the App Stores but it does not include a UI framework. For the UI framework, we will be using Ionic framework. The Ionic framework takes the worry out of making the UI look, feel and perform correctly on the slew different Apple and Android devices that your users will have. It allows you to focus on your business logic and not the underlying infrastructure. Your time to market will be greatly reduced. In addition to the free, open-sourced framework, Ionic also has a slew of highly useful cloud based tools that you can pay for it you need them such as Push Notifications, User Authentication, Native Builds, and Live Updates. Push Notifications allows targeted pushes and custom scheduling to improve push notification engagements. User Authentication provides a single authentication solution with email & password authentication, as well as third-party providers like Facebook, Twitter, Google and more. Native Builds turns your code into the native app binaries for the Apple and Android with a single command. Finally, Live Updates gives you the ability to push updates and UI changes to your user immediately without going through the app stores. In this talk we will dive into what it takes to get started, look at the features of the Ionic framework and finish off by creating a sample application with the Ionic framework. You will walk away from this talk with all of the tools that you need to deliver your first mobile application

Mobile Dev For Web Devs

Justin James

Animations make your app visually appealing, easier to use, and more engaging. Animations however are not limited to only traditional Xamarin development; you can add beautiful animations to Xamarin.Forms. In this session, you will learn the core concepts of when to use animations in a mobile app and explore several different frameworks used to create them. When to properly use animations to provide visual feedback, supply context around UI elements, and call attention to app status changes will be explored. Then you’ll learn how to make your app come to life using the built-in Xamarin.Forms animation APIs, SkiaSharp, and the new Lottie animation framework from Airbnb. After this session, you’ll be equipped to create Xamarin.Forms apps that will stand out with animations.

Animating Xamarin.Forms

Matthew Soucoup

Web development- A Comprehensive Guide

DigitaLearn

Rebooting the EU App Economy / Fraunhofer HHI, Berlin, Germany / 13th November 2013 Dimitris Michalakos, Web Technology Lead, VisionMobile "How Can Web Devs Reach the Mobile Market?" Dimitris Michalakos is the web technology lead at VisionMobile. At VisionMobile, Dimitris is in charge of the Developer Economics portal and also leads the company’s research on web technologies. Dimitris is a developer and entrepreneur. As a developer he is fluent with HTML5, JavaScript, Node.js, SQL, Git, J2EE and PHP - including tinkering with JS visualisations. Dimitris is an engineer at heart. He enjoys breaking things apart to see how the work, except of course for his precious Firefox OS phone.

"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...

Eurapp

Descubre Android

Antonio López Marín

WebRTC Reborn Over The Air

Dan Jenkins

The e-commerce is one of the main points of modern software. The e-commerce sector is growing about 15% annually, which is why it deserves special attention from software engineers. Speaking of e-commerce and open source at once is not easy. For many years we have identified the concept with pain and despair, so we must work urgently to change the way we understand it should be. What are the important points to consider? Where do we find the line between architecture and pragmatism? Are we walking in the right direction? How can Symfony help in this?

When e-commerce meets Symfony

Marc Morera

Matteo Manchi - React Native for multi-platform mobile applications - Codemot...

Codemotion

by Giulio De Donato - The last few years have been incredible for PHP, the community, thanks to best practices emerged from the Medieval period. The talk shows the best of the PHP Renaissance, combining concepts and approaches of different philosophies and languages in order to let you create the perfect PHP application. Take part in the Renaissance, today! Warning: - Vintage concepts as Object Oriented Design will be administered to attendees - Violent scenes against monolithic culture, will be shown during the talk - Some practices will be stolen from: SOLID princ., DDD, SOA - You will take PHP seriously.

Awesome application in 2014

Codemotion

How Long Does It Take to Build an App in 2021.pdf

SatawareTechnologies4

Maintainable design

Filip Rakowski

Announcing codepen support for flutter how that works for developers

Concetto Labs

Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3

Doris Chen

Continuous Improvement in PHP projects - PBC10

Mayflower GmbH

Looking to expand your development team? Hire a full-stack developer today! Regumsoft Technologies is a leading recruitment company specializing in full stack developers hire. Our developers are well-versed in the entire software development lifecycle, providing a comprehensive approach to application creation. Proficient in front-end and back-end development, our skilled team utilizes their expertise in HTML, CSS, JavaScript, Angular, React, and Java to deliver high-performing and scalable applications tailored to your business needs. We prioritize a cohesive vision and cover all aspects of the development process. Contact us today for reliable and efficient developers that propel your business to success.

Full Stack Developers Hire.pptx

Regumsoft Technologies

Regumsoft Technologies is a leading full stack developer company and extremely valuable for businesses looking to create custom software applications. Our ability to provide end-to-end software development services, including both front-end and back-end development, can help ensure that all aspects of the application are designed and developed with a cohesive vision. We Work with a variety of software, such as HTML, CSS, JavaScript, and various web frameworks like Angular, React, and Java, can also help businesses create applications that are both high-performing and scalable.

Full Stack Developers Hire.pptx

Regumsoft Technologies

Semelhante a Debugging Javascript - Munich Frontend Developers 13.5.2020 (20)

Debugging Python - Python Users Berlin 14.5.2020

GoodBarber presentation for students

There is an App for...Vanity URLs

Mconf14 aperto vanity url-app

Mobile Dev For Web Devs

Animating Xamarin.Forms

Web development- A Comprehensive Guide

"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...

Descubre Android

WebRTC Reborn Over The Air

When e-commerce meets Symfony

Matteo Manchi - React Native for multi-platform mobile applications - Codemot...

Awesome application in 2014

How Long Does It Take to Build an App in 2021.pdf

Maintainable design

Announcing codepen support for flutter how that works for developers

Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3

Continuous Improvement in PHP projects - PBC10

Full Stack Developers Hire.pptx

Mais de Juha-Matti Santala

Debugging Django @ HelPy, Juha-Matti Santala 24.5.2022

Juha-Matti Santala

I started learning Rust in December last year by building a command-line tool to display NHL results on the terminal. My background before Rust has been mostly on Python and Javascript ecosystems so there's been quite a learning curve that has required activating new parts of my brain. In this talk, I'll share my early learning journey with Rust. I'll talk openly about the things I struggled with and the things I fell in love with in Rust (like pattern matching).

Learning Rust - experiences from a Python/Javascript developer

Juha-Matti Santala

Contemporary Documentation @ PyAmsterdam, 2021-03-10

Juha-Matti Santala

Contemporary Documentation @ sthml.js

Juha-Matti Santala

Contemporary Documentation, Django Day Copenhagen

Juha-Matti Santala

Static Site Generators like 11ty (https://www.11ty.io/) are great for building websites and blogs but personally I didn't like writing posts in Markdown nor templating languages. Ghost provides a great UX for writing posts and an API that combined with 11ty makes an enjoyable experience. In this talk I'll walk you through how I integrated these two and how 11ty allows for nice pipeline building to gather data from different sources.

HelsinkiJS: 11ty + Ghost: Static Sites with Great Editor UX

Juha-Matti Santala

PyCon Estonia: Contemporary Documentation

Juha-Matti Santala

One of the critique most vocal opposition of code comments use online, is that code comments become outdated and thus harmful. Code comments are a great way to store very specific information of functions, hacks and decisions that gets lost over time. We often talk about documentation in two forms: either code comments that live with the code or readmes, API docs and other more curated written documentation. But both of them suffer from lack of history. But there’s more! We often look back at decisions without having the understanding and knowledge of that moment and criticize the code or decisions made hastily. But almost always, decisions are made using the best understanding and knowledge (and restrictions of reality) of that particular moment in time. In this talk, I’ll explore how you can use issue tracker tickets, git commits and pull requests as a contemporary documentation: something that tells us about the world as it was when decisions were made and that doesn’t change as the project moves on. -- This version of the talk was given in HelsinkiJS on September 24th, 2019

Contemporary Documentation - HelsinkiJS

Juha-Matti Santala

One of the critique most vocal opposition of code comments use online, is that code comments become outdated and thus harmful. Code comments are a great way to store very specific information of functions, hacks and decisions that gets lost over time. We often talk about documentation in two forms: either code comments that live with the code or readmes, API docs and other more curated written documentation. But both of them suffer from lack of history. But there’s more! We often look back at decisions without having the understanding and knowledge of that moment and critize the code or decisions made hastily. But almost always, decisions are made using the best understanding and knowledge (and restrictions of reality) of that particular moment in time. In this talk, I’ll explore how you can use issue tracker tickets, git commits and pull requests as a contemporary documentation: something that tells us about the world as it was when decisions were made and that doesn’t change as the project moves on. -- This version of the talk was given in TampereJS on September 5th, 2019

Contemporary Documentation - TampereJS

Juha-Matti Santala

The Art of Side Projects

Juha-Matti Santala

“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - ...

Juha-Matti Santala

PyCon CZ 2019 Lightning Talk: 7 Days to Ostrava

Juha-Matti Santala

There are many ways to improve your skills as a developer. Teaching programming is an awesome but bit under-appreciated one. Becoming a senior developer is about so much more than just technical competency. It’s about helping others succeed, it’s about becoming a leader and it’s about being a good communicator with users, clients and teammates. In this talk, I will share how 6+ years of programming teaching has made me a better developer in the core understanding of topics, communication, and perspective as well as reveal all the additional perks of joy, diversity, and making friends.

I teach, therefore I learn

Juha-Matti Santala

Inspiration, Learning and Experimentation in Codepen

Juha-Matti Santala

You should have FOMO: What you're missing out if you're still using Python 2.7

Juha-Matti Santala

OuluES Human Accelerator: Dream Workshop

Juha-Matti Santala

Minimum Viable Product: the workshop

Juha-Matti Santala

Stockholm syndrome: or how I learned to love the editor

Juha-Matti Santala

Happy Little Accidents - The Art of Debugging

Juha-Matti Santala

Happy Little Accidents - The Art of Debugging

Juha-Matti Santala

Mais de Juha-Matti Santala (20)

Debugging Django @ HelPy, Juha-Matti Santala 24.5.2022

Learning Rust - experiences from a Python/Javascript developer

Contemporary Documentation @ PyAmsterdam, 2021-03-10

Contemporary Documentation @ sthml.js

Contemporary Documentation, Django Day Copenhagen

HelsinkiJS: 11ty + Ghost: Static Sites with Great Editor UX

PyCon Estonia: Contemporary Documentation

Contemporary Documentation - HelsinkiJS

Contemporary Documentation - TampereJS

The Art of Side Projects

“Graphical Perception and Graphical Methods for Analyzing Scientific Data” - ...

PyCon CZ 2019 Lightning Talk: 7 Days to Ostrava

I teach, therefore I learn

Inspiration, Learning and Experimentation in Codepen

You should have FOMO: What you're missing out if you're still using Python 2.7

OuluES Human Accelerator: Dream Workshop

Minimum Viable Product: the workshop

Stockholm syndrome: or how I learned to love the editor

Happy Little Accidents - The Art of Debugging

Último

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology 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 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Architecting Cloud Native Applications

WSO2

ICT role in 21st century education and its challenges

rafiqahmad00786416

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

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

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

MINDCTI Revenue Release Quarter One 2024

MIND CTI

💉💊+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@

Vector Search -An Introduction in Oracle Database 23ai.pptx

Remote DBA Services

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Victor Rentea

In this keynote, Asanka Abeysinghe, CTO,WSO2 will explore the shift towards platformless technology ecosystems and their importance in driving digital adaptability and innovation. We will discuss strategies for leveraging decentralized architectures and integrating diverse technologies, with a focus on building resilient, flexible, and future-ready IT infrastructures. We will also highlight WSO2's roadmap, emphasizing our commitment to supporting this transformative journey with our evolving product suite.

Platformless Horizons for Digital Adaptability

WSO2

Understanding the FAA Part 107 License ..

Christopher Logan Kennedy

DBX First Quarter 2024 Investor Presentation

Dropbox

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico 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 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

CNIC Information System with Pakdata Cf In Pakistan

danishmna97

Debugging Javascript - Munich Frontend Developers 13.5.2020

1. Debugging Javascript Munich Frontend Developers :: 13.05.2020 :: @hamatti

2. JuhisHi, I’m Developer Advocate @ Futurice Founder of Turku ❤ Frontend @hamatti :: hamatti.org From Helsinki, "

3. FUNDAMENTALS Munich Frontend Devs @hamatti

4. FUNDAMENTALS Munich Frontend Devs @hamatti TOOLS & TECHNIQUES

5. NON-TECHNICAL METHODS FUNDAMENTALS Munich Frontend Devs @hamatti TOOLS & TECHNIQUES

6. FUNDAMENTALS Munich Frontend Devs @hamatti

7. STOP & BREATHE Munich Frontend Devs @hamatti

8. REPRODUCE Munich Frontend Devs @hamatti

9. REPRODUCE LOCATE Munich Frontend Devs @hamatti

10. REPRODUCE LOCATE FIX Munich Frontend Devs @hamatti

11. REPRODUCE LOCATE FIX Munich Frontend Devs @hamatti

12. https://twitter.com/JenMsft/status/1256007715425382400/Munich Frontend Devs @hamatti

13. FROM END TO START Munich Frontend Devs @hamatti

14. TOOLS & TECHNIQUES Munich Frontend Devs @hamatti

15. CONSOLE.__ Munich Frontend Devs @hamatti

16. console.log Munich Frontend Devs @hamatti

17. console.log Munich Frontend Devs @hamatti

18. Template literals Munich Frontend Devs @hamatti

19. Template literals Munich Frontend Devs @hamatti

20. Multiple values with template literals Munich Frontend Devs @hamatti

21. Multiple values with template literals Munich Frontend Devs @hamatti

22. Object Property Value Shorthand Munich Frontend Devs @hamatti

23. Object Property Value Shorthand Munich Frontend Devs @hamatti

24. With CSS Munich Frontend Devs @hamatti

25. With CSS Munich Frontend Devs @hamatti

26. console.table Munich Frontend Devs @hamatti

27. console.table Munich Frontend Devs @hamatti

28. console.trace console.count console.group https://developer.mozilla.org/en-US/docs/Web/API/Console + Munich Frontend Devs @hamatti

29. BROWSERS’ DEVELOPER TOOLS Munich Frontend Devs @hamatti

30. DOM Inspector Styles Debugger Network requests Performance Accessibility Framework extensions Munich Frontend Devs @hamatti BROWSERS’ DEVELOPER TOOLS

31. Google Chrome Munich Frontend Devs @hamatti https://developers.google.com/web/tools/chrome-devtools https://developer.mozilla.org/en-US/docs/Tools Mozilla Firefox BROWSERS’ DEVELOPER TOOLS

32. DEBUGGER Munich Frontend Devs @hamatti

33. debugger Munich Frontend Devs @hamatti

34. debugger Munich Frontend Devs @hamatti

35. debugger continue until next breakpoint Munich Frontend Devs @hamatti

36. debugger continue until next breakpoint call function without stepping into it Munich Frontend Devs @hamatti

37. debugger continue until next breakpoint call function without stepping into it step into a function Munich Frontend Devs @hamatti

38. debugger continue until next breakpoint call function without stepping into it step into a function step out of a function Munich Frontend Devs @hamatti

39. debugger continue until next breakpoint call function without stepping into it step into a function step out of a function next line Munich Frontend Devs @hamatti

40. debugger continue until next breakpoint call function without stepping into it step into a function step out of a function next line turn breakpoints off Munich Frontend Devs @hamatti

41. breakpoints Munich Frontend Devs @hamatti

42. conditional breakpoints Munich Frontend Devs @hamatti

43. DOM breakpoints Munich Frontend Devs @hamatti

44. NON-TECHNICAL METHODS Munich Frontend Devs @hamatti

45. BRAIN DUMP Munich Frontend Devs @hamatti

46. Munich Frontend Devs @hamatti WRITE DOWN

47. 1. WHAT IS THE PROBLEM? Munich Frontend Devs @hamatti WRITE DOWN

48. 1. WHAT IS THE PROBLEM? 2. WHAT ARE YOUR ASSUMPTIONS? Munich Frontend Devs @hamatti WRITE DOWN

49. 1. WHAT IS THE PROBLEM? 2. WHAT ARE YOUR ASSUMPTIONS? 3. WHAT HAVE YOU TRIED? Munich Frontend Devs @hamatti WRITE DOWN

50. TAKE A BREAK Munich Frontend Devs @hamatti

51. TALK TO A RUBBER DUCK Munich Frontend Devs @hamatti

52. humanetechguides.com/debugging Munich Frontend Devs @hamatti