Programming with Basar
Programming with Basar
  • 81
  • 359 771
Angular with testing-library
Angular comes with test environment. But there is a popular library for testing web applications, 2021.stateofjs.com/en-US/libraries/testing
it is @testing-library. And in this one I will show how we can use that one. And also we will compare the tests with the existing test setup of angular.
You can access to the repo of this course here github.com/basarbk/angular-with-testing-library/
Like, subscribe, comment any interaction with my channel, means a lot. Thanks
About me:
My name is Basar Buyukkahraman. I've courses for Spring Boot, React, Node.js, Web Components, Svelte and Vue in udemy.
Test Driven Web Development with Spring & React - bafoly.com/?course=tdd-spring-react
Test Driven Development with Node.js - bafoly.com/?course=tdd-nodejs
Git - Step by Step Guide - bafoly.com/?course=git
Fundamentals of Web Components - bafoly.com/?course=web-components
Svelte with Test Driven Development - bafoly.com/?course=tdd-svelte
Vue with Test Driven Development - bafoly.com/?course=tdd-vue
React with Test Driven Development - bafoly.com/?course=tdd-react
มุมมอง: 2 332

วีดีโอ

Debugging Test in Node js Application - Express - Jest
มุมมอง 1.1K2 ปีที่แล้ว
In this one I will show how we can use javascript debugger extension of vs code to debug a failing tests in the application. We did similar thing in previous video where we debug a nodejs application. You can check that one th-cam.com/video/rfyKeGaw8Jw/w-d-xo.html The sample project can be found here github.com/basarbk/tdd-nodejs It's from my node js with test driven development course. If you ...
Debugging Node js - Express Application
มุมมอง 2.9K2 ปีที่แล้ว
In this one I will show how we can use javascript debugger extension of vs code to debug a node js application. We did similar thing in previous vide where we debug a react application. You can check that one th-cam.com/video/rb7fAUofu-s/w-d-xo.html And you can access to the roject repository here github.com/basarbk/node-debug If you want to try yourself, clone the repo. You can find the workin...
Debugging Web Applications - VS Code Javascript debugger
มุมมอง 12K2 ปีที่แล้ว
In this one I will show how we can use javascript debugger extension of vs code. We did similar thing in previous vide where we debug the application with chrome debugger. You can check that one th-cam.com/video/jv4BwX1AkNA/w-d-xo.html This one is also built on top of my previous video about debugging typos. You can check that one here th-cam.com/video/DMVp13aG3A0/w-d-xo.html&t And you can acce...
Debugging Web Applications - Chrome debugger
มุมมอง 4.8K2 ปีที่แล้ว
In this one I will show how we can use chrome debugger. This is built on top of my previous video about debugging typos. You can check that one here th-cam.com/video/DMVp13aG3A0/w-d-xo.html&t And you can access to the roject repository here github.com/basarbk/debugging-react If you want to try yourself, checkout the branch typo-begin and debug the issues by yourself. Like, subscribe, comment an...
Debugging Web Applications - Typos in React
มุมมอง 2032 ปีที่แล้ว
You can get the code of this tutorial from this repo github.com/basarbk/debugging-react In this one I will show how do I debug the issues in a web application. There is no really a common structured approach for the debugging. The debugging is shaped based on the technologies you are using. And as you practice more, you develop your own habit for debugging. In this one we will catch the typos b...
Vue - Vuex
มุมมอง 1062 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue Applications need global states like authentication or theme, and in this one, we are going to see how vuex is solving this need. We will be using vuex to keep authentication state and that state will be used by components like Navbar and login page. After successful log...
Vue - Style
มุมมอง 372 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue In this one we are styling our form. Vue has scoped styling functionality. We will practice that one. Then to have global style we will use bootstrap. Like, subscribe, comment any interaction with my channel, means a lot. Thanks About me: My name is Basar Buyukkahraman. ...
Vue - Slot
มุมมอง 1072 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue When building custom components, sometimes we pass child elements / templates to them. And to render those elements vue has this slot functionality. In this one we practice, named slots and showing them conditionally. Like, subscribe, comment any interaction with my chan...
Vue - Custom component and Slots
มุมมอง 1642 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue In this one we are extracting a repeating part as a separate component. And after the extraction, we see how we can pass child elements to our custom component. Like, subscribe, comment any interaction with my channel, means a lot. Thanks About me: My name is Basar Buyuk...
Vue - Watch
มุมมอง 372 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue Computed properties allow us to declaratively compute derived values. However, there are cases where we need to perform "side effects" in reaction to state changes - for example, mutating the DOM, or changing another piece of state based on the result of an async operati...
Vue Router
มุมมอง 1082 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue Vue has router library to have client side navigation functionality. And in this one we are replacing our own implementation with vue-router and we also modify our test modules to make it work with the library we are using. Like, subscribe, comment any interaction with m...
Vue - Internationalization i18n
มุมมอง 14K2 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue In this one we are adding language support for vue applications. Like, subscribe, comment any interaction with my channel, means a lot. Thanks About me: My name is Basar Buyukkahraman. I've courses for Spring Boot, React, Node.js, Web Components, Svelte and Vue in udemy....
Vue - Event & Model binding for Custom Component
มุมมอง 3382 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue In this one we are creating custom input component. And we see how we can process events in this component. We are also practicing how to use v-model for our custom component. Like, subscribe, comment any interaction with my channel, means a lot. Thanks About me: My name...
Vue - Testing - Mock Service Worker
มุมมอง 1.9K2 ปีที่แล้ว
This is taken from my course, Vue with Test Driven Development at udemy. Here is the discount link bafoly.com/?course=tdd-vue Mocking couples our test with the implementation detail. Instead of axios, we can use fetch and we can achieve the same behavior, but our test would be failing when it is specifically mocking the axios package. Better approach for this case, is to use Mock Service Worker...
Vue - Testing - Mock axios
มุมมอง 3.1K2 ปีที่แล้ว
Vue - Testing - Mock axios
React - Redux
มุมมอง 1012 ปีที่แล้ว
React - Redux
React - Context
มุมมอง 972 ปีที่แล้ว
React - Context
React Testing - To Mock or Not To Mock
มุมมอง 1982 ปีที่แล้ว
React Testing - To Mock or Not To Mock
React - Custom Hook
มุมมอง 642 ปีที่แล้ว
React - Custom Hook
React - i18n - internationalization
มุมมอง 7472 ปีที่แล้ว
React - i18n - internationalization
React - Higher Order Component - HoC
มุมมอง 1452 ปีที่แล้ว
React - Higher Order Component - HoC
React - Class Component - State Management & Event Handling
มุมมอง 3562 ปีที่แล้ว
React - Class Component - State Management & Event Handling
TDD with React
มุมมอง 4143 ปีที่แล้ว
TDD with React
Svelte - Transition, In and Out
มุมมอง 1793 ปีที่แล้ว
Svelte - Transition, In and Out
Style in Svelte
มุมมอง 2113 ปีที่แล้ว
Style in Svelte
Svelte with Test Driven Development - internationalization i18n
มุมมอง 1.3K3 ปีที่แล้ว
Svelte with Test Driven Development - internationalization i18n
Svelte with Test Driven Development - keyed each
มุมมอง 1803 ปีที่แล้ว
Svelte with Test Driven Development - keyed each
Svelte with Test Driven Development - slot
มุมมอง 2153 ปีที่แล้ว
Svelte with Test Driven Development - slot
Svelte with Test Driven Development - store
มุมมอง 2763 ปีที่แล้ว
Svelte with Test Driven Development - store

ความคิดเห็น

  • @namelastname7626
    @namelastname7626 9 วันที่ผ่านมา

    shouldnt that be a patch request?

  • @alla6361
    @alla6361 18 วันที่ผ่านมา

    Thank you!

  • @kk85-unc
    @kk85-unc 22 วันที่ผ่านมา

    res.cloudinary.com/hy4kyit2a/image/upload/SF_git_cheatsheet.pdf

  • @kk85-unc
    @kk85-unc 25 วันที่ผ่านมา

    Basar hi. Can you explain the use of this deployment path using GitAction when you already show(in previous tutorial) how to run the app using "git push heroku main" ? doesn't that seem redundant work?

  • @mushfiqulhuda
    @mushfiqulhuda หลายเดือนก่อน

    Great tutorial mate!

  • @kexell
    @kexell หลายเดือนก่อน

    WHY IS $t NOT WORKING

  • @maxfilipenko7148
    @maxfilipenko7148 หลายเดือนก่อน

    You helped me. Thank u!

  • @BilalSadiq-zs8tq
    @BilalSadiq-zs8tq 3 หลายเดือนก่อน

    Your keys hit like drums in my ears

  • @mertkaraman06
    @mertkaraman06 3 หลายเดือนก่อน

    Ağzına sağlık hocam

  • @RafGonzatto
    @RafGonzatto 3 หลายเดือนก่อน

    amazing

  • @adewolesamuel1311
    @adewolesamuel1311 3 หลายเดือนก่อน

    Hello, I hope this message finds you well. I would greatly appreciate a few minutes of your time for a constructive conversation regarding your Udemy course. If possible, would you be available for a quick call? Thank you in advance for considering my request.

  • @kumarmanishc
    @kumarmanishc 5 หลายเดือนก่อน

    Thank you this worked well

  • @chiotaikai
    @chiotaikai 5 หลายเดือนก่อน

    Great video! Exactly what I was looking for. What I wanted to understand is the usage of a child component with slots in different parent components and understand the difference between using slots and props. This video demonstrates perfectly the additional flexibility provided by slots. Thank you!

  • @gnaouiadel8399
    @gnaouiadel8399 6 หลายเดือนก่อน

    Very clear explanation thks man

  • @habenetsay9448
    @habenetsay9448 6 หลายเดือนก่อน

    heroku asks me to enter credit card number. i don't have credit card number ? how can i deploy spring boot for free i am using postgres db

  • @VeniQs
    @VeniQs 7 หลายเดือนก่อน

    excelent

  • @davidfabian8620
    @davidfabian8620 7 หลายเดือนก่อน

    Very Good explanation. Asante sana from Tanzania 🇹🇿

  • @RamiroJativa
    @RamiroJativa 7 หลายเดือนก่อน

    Excellent. Superb explanation. Especially the use of async with await. Thank you so much.

  • @bilza2023
    @bilza2023 8 หลายเดือนก่อน

    great

  • @giraty50
    @giraty50 8 หลายเดือนก่อน

    Thanks for the tutorial

  • @ramazz
    @ramazz 9 หลายเดือนก่อน

    eyvallah çok güzel. aradığım video :D

  • @Helper859
    @Helper859 11 หลายเดือนก่อน

    Very nice!

  • @arteniteodor1792
    @arteniteodor1792 11 หลายเดือนก่อน

    Ok, encoded successful... now how do I login ?

  • @maciejkesy6869
    @maciejkesy6869 11 หลายเดือนก่อน

    good job. Thanks.

  • @benjaminmacias2012
    @benjaminmacias2012 11 หลายเดือนก่อน

    Excellent video!

  • @sometimes1
    @sometimes1 11 หลายเดือนก่อน

    Amazing, Sequelize really comes in handy when dealing with more intermediate/advanced backend topics.

  • @ebashirli
    @ebashirli 11 หลายเดือนก่อน

    Çok teşekkürler, Başar bey. Güzel video olmuş. Yaptım aynısını, oldu. Ama, Mongoose Schema errorları için nasıl yapacağımı çıkaramadım. Link falan da bulamıyorum. Yardımcı olursan sevinirim. Teşekkürler.

  • @ghury1
    @ghury1 ปีที่แล้ว

    do you have an starter tutorial for node/espress?

  • @ghury1
    @ghury1 ปีที่แล้ว

    you save my day. God Bless you

  • @youstupididiot311
    @youstupididiot311 ปีที่แล้ว

    Great Explaination

  • @renemayett5161
    @renemayett5161 ปีที่แล้ว

    Perfectly explained! Thank you!!!!

  • @akshaythakor5501
    @akshaythakor5501 ปีที่แล้ว

    Thanks 🙏 sir

  • @theomer8060
    @theomer8060 ปีที่แล้ว

    thanks, it was very clear

  • @DigsWigs2022
    @DigsWigs2022 ปีที่แล้ว

    This is this best tutorial for nodejs logging - thank you!

  • @zurumogbonda3225
    @zurumogbonda3225 ปีที่แล้ว

    Concise and clear

  • @marvellouschandan
    @marvellouschandan ปีที่แล้ว

    Awesome work 🫡

  • @ashishsengar87
    @ashishsengar87 ปีที่แล้ว

    top video so far on this topic

  • @arupde6320
    @arupde6320 ปีที่แล้ว

    be regular

  • @ShifaArshad-j1n
    @ShifaArshad-j1n ปีที่แล้ว

    great toturial

  • @amalanshenll134
    @amalanshenll134 ปีที่แล้ว

    Neat, clear and short example. Please do one for password validation.

  • @ashamanimaran4880
    @ashamanimaran4880 ปีที่แล้ว

    Best videos - Thank you so much!

  • @ReactWala
    @ReactWala ปีที่แล้ว

    This is what I was looking for. Thank you so much sir .

  • @milon27
    @milon27 ปีที่แล้ว

    where is part 2?

  • @moshoodolawale3591
    @moshoodolawale3591 ปีที่แล้ว

    Nice tutorial. What font are using on your vscode?

  • @nothassy784
    @nothassy784 ปีที่แล้ว

    Hey, just a question here. With the `on pull_request`, that means whenever there is a pull request it's going to trigger the pm2 related actions in the live server after performing tests etc.? Is that desirable? It seems like these would benefit from being two different files with different triggers and parts? File 1 is build/test, which would happen on pull request. File 2 would maybe have build/test, but would have the pulling of new code and restarting PM2. but only happen on push to main? Great video either way, taught me how I can set this up 👍

  • @ARUNK-m7j
    @ARUNK-m7j ปีที่แล้ว

    💯

  • @dj78productions
    @dj78productions ปีที่แล้ว

    just when I started to think "wow what a heavy Turkish accent", the tr locale showed up haha. Thanks for the tutorial though.

  • @divyagupta6854
    @divyagupta6854 ปีที่แล้ว

    Just a modification needed, that in recent versions of H2, user is a keyword, so database setup will fail in runtime. Just change "User" references to "Users".

  • @courageabenyegah4020
    @courageabenyegah4020 ปีที่แล้ว

    How then do we quary the database in our application

  • @mohamedyoussef8835
    @mohamedyoussef8835 ปีที่แล้ว

    Awesome video ++++++++++++++ 🙂