Welcome to the channel!

If you are working in the software development field, it might be helpful for you! However, the main target audience is Testers/Test Engineers/SDETs/QAs/and other similar titles 😅

This channel will have a mix of content:
1 - content created by me (Ivan Karaman aka IvanAndCode)
2 - other interesting posts/articles/videos/tweets that I stumble upon on the vast internet!

All my social media links can be found here: https://linktr.ee/ivanandcode

Rules are simple: be respectful and kind to others ❤️

My "content creation" journey started ~2.5 years ago, when I created a first video for my YouTube channel. It was about Git! I didn't know much about "being a youtuber" back then, but I think overall it came out pretty good! 😁

This video is about fundamental git commands everyone needs to know! Watch it here: https://www.youtube.com/watch?v=31OtjoLEExE

Beginners tutorial on how to create a new Cypress.io project and write your first automated test. Cypress is a test framework that is meant to be better than "good old Selenium Webdriver"
https://www.youtube.com/watch?v=KB-HKjJZNZU

Learn how to use CSS selectors to find an element of the HTML page.

You must know this to write readable and (potentially) more stable tests in any UI automation framework (Cypress, Selenium, Webdriverio, etc.)

https://www.youtube.com/watch?v=9mgykIxP5SY

Continuation on the selectors!
Learn about XPath selectors to find an element of the HTML page or XML data structure.

https://www.youtube.com/watch?v=rR3bDiG3LUQ

Meet the bane of many developers and testers! REGULAR EXPRESSIONS! 🤣
They are not as hard as they look (at least the simple ones... 😅)

Learn it from this video:
https://www.youtube.com/watch?v=bm_0nrW0WlE

JSON this and JSON that!
JSONs are everywhere these days. But did you ever look at JSON spec to get a deeper understanding?

This tutorial is using JS to visualise examples and starts with the primitive data types: string, number, boolean, null, object, and array. Then we dig deeper into the objects and arrays, their structure, and the ways to traverse them in code using dot or square bracket notations.

https://www.youtube.com/watch?v=gu1yz7ZyQCI

My most popular video on the channel is about Chrome Dev Tools! 😎

- how browser console helps you spot errors
- how to find an exact request that your website has made to the backend (API) without scrolling through hundreds of them
- how to copy your request (cURL) into Postman for extra testing
- how to make network and CPU slow (throttling) to get "normal user" experience
- how to check the order of rendering using "screenshots" feature. This helps with evaluating usability of the page.
- how to emulate mobile device to test for responsive (or adaptive) layout, and how to enhance it with media queries
- how to override geolocation to check the content (if your website supports different locations)
- how to override browser's user agent
- how to create different browser profiles to perform "speciality" testing like accessibility or performance, or to wear different user hats like "security conscious user", "normal user with no plugins/extensions", etc.

https://www.youtube.com/watch?v=ShqvUWYWWpg

Unit testing with Jest!

- creating a new npm project "npm init", adding dependencies to the package.json, and adding the first test
- grouping files together by using describe
- writing good human-readable test names
- using "test" & "it" aliases
- using ".only" to isolate and run only one test
- using ".skip" to not run certain tests
- data-driven testing with three different approaches
- using mocks & spies to not rely on code that we don't control
- clearing state of the Jest mock functions with "jest.clearAllMocks()"
- using hooks to add code that runs beforeAll, beforeEach, afterEach, and afterAll tests
- running tests in a "watch mode" that automatically reruns your tests when implementation or test code changes
- using interactive mode for more flexible selection of the tests with a regex pattern, or only re-running failed tests
- gathering code coverage to find weak spots (and even achieving 100% coverage!)
- finding rogue async code that could be running after the test framework has finished using "detectOpenHandles" flag (helpful for race conditions, unresolved async HTTP calls, open DB connections, etc.)

https://www.youtube.com/watch?v=DxrSUrMP_OI

What is "Semantic Versioning" and why more people need to learn about it!

https://www.youtube.com/watch?v=9dJ5EDpGLpo

Accessibility aka a11y!

- the test tips for using automation tools like Google Chrome Lighthouse or other browser extensions
- introduction into the "accessibility tree", why it is important for the screen readers and an overall accessibility
- introduction to WCAG spec (web content accessibility guidelines) and a little tutorial on how to make sense of it

https://www.youtube.com/watch?v=evo8U_qZPRo

Title of the video says it all. The ultimate guide to testing:)

I know, a little bit click-baity title, but essentially testing anything could be distilled to a similar process. So if you master "testing a pencil" you would be able to test ANYTHING! 😮

https://www.youtube.com/watch?v=UiIrs4tk5SY

What testing on different layers means? How many tests do you need on each level? Why can't you test everything on the UI level?

https://www.youtube.com/watch?v=FKS5FwK6YbE