- 94
- 348 056
Adnan Halilovic
เข้าร่วมเมื่อ 17 ก.พ. 2019
Hello!
I am Adnan Halilović, a software developer in FinTech & Crypto Industries, as well as a content creator!
I have created this channel as a library of all codes and tips I found interesting during my experience as a software developer.
Thanks for visiting my channel and I wish you happy learning!
I am Adnan Halilović, a software developer in FinTech & Crypto Industries, as well as a content creator!
I have created this channel as a library of all codes and tips I found interesting during my experience as a software developer.
Thanks for visiting my channel and I wish you happy learning!
Git Commit Best Practices | How to Write a Good Commit Message
Learn how to master Git commit best practices and take your development skills to the next level! In this video, we'll cover the essential tips and tricks to help you write clean, concise, and informative commit messages that make your codebase more efficient and easier to maintain.
From understanding the importance of commit messages to creating a consistent commit history, we'll dive into the best practices that will make you a Git master.
Whether you're a beginner or an experienced developer, this video is perfect for anyone looking to improve their Git workflow and collaborate more effectively with their team.
So, what are you waiting for? Let's get started and master Git commit best practices today!
#git #softwaredevelopment #github
From understanding the importance of commit messages to creating a consistent commit history, we'll dive into the best practices that will make you a Git master.
Whether you're a beginner or an experienced developer, this video is perfect for anyone looking to improve their Git workflow and collaborate more effectively with their team.
So, what are you waiting for? Let's get started and master Git commit best practices today!
#git #softwaredevelopment #github
มุมมอง: 241
วีดีโอ
The Best Coding Font to Boost Your Productivity
มุมมอง 331หลายเดือนก่อน
Want to take your coding skills to the next level? In this video, we're diving into the world of Fira Code, a font designed specifically for coding. But is it really the secret to perfect coding? We'll explore the benefits and features of Fira Code, and see if it lives up to the hype. From improved readability to enhanced productivity, we'll cover it all. So, if you're looking to improve your c...
Best VS Code Setup for Angular Development
มุมมอง 7022 หลายเดือนก่อน
Looking to optimize your Angular development experience in 2024/25? In this video, we dive deep into the best Visual Studio Code (VS Code) setup specifically tailored for Angular developers. Discover essential extensions, themes, and settings that will enhance your productivity and streamline your workflow. We'll cover: - The must-have VS Code extensions for Angular development - Configuration ...
Angular Filter Array Pipe: Simplify Your Code with this One Trick
มุมมอง 1992 หลายเดือนก่อน
In this video, we dive deep into the Angular Filter Array Pipe, a powerful feature that can significantly simplify your code! 🚀 If you're tired of writing complex filtering logic in your Angular applications, this one trick will change the way you handle array data. Join us as we explore: - What the Angular Filter Array Pipe is and how it works - Step-by-step implementation of the Filter Pipe i...
How to Create a Time Ago Pipe in Angular
มุมมอง 742 หลายเดือนก่อน
In this easy tutorial for beginners, learn how to create a Time Ago Pipe in Angular! 🚀 Whether you're just starting out with Angular or looking to enhance your skills, this step-by-step guide will help you understand how to display time in a user-friendly format. Throughout the video, we cover: - What a Pipe is in Angular and its importance - How to create a custom Time Ago Pipe - Practical exa...
Angular Date Pipe 2024 [Custom Date Format] - Master Dates Like A Pro
มุมมอง 1742 หลายเดือนก่อน
Unlock the power of date formatting in Angular with our comprehensive guide on the Angular Date Pipe! In this video, we dive deep into custom date formats, teaching you how to display dates exactly as you need them in your applications. Whether you're a beginner or an experienced developer, you'll learn valuable tips and tricks to master date manipulation and presentation in Angular. 📅 What You...
Cut Your Text with Angular Pipes
มุมมอง 872 หลายเดือนก่อน
🎬 Learn How to Create a Text Truncate Pipe in Angular | Clean and Concise Text Display in Your UI 🎬 In this video, I’ll show you how to create a custom Text Truncate Pipe in Angular. Whether you're dealing with long text that’s messing up your layout or you want to keep your UI neat and readable, this tutorial will help you truncate text easily and efficiently. 📌 What You’ll Learn: - What is a ...
Building a Better Email Validator in Angular
มุมมอง 1292 หลายเดือนก่อน
In this tutorial, we’ll dive into creating a custom email validator in Angular that restricts emails to specific allowed domains. If you're developing a web app where only certain domains are permitted, such as for internal users or specific organizations, this step-by-step guide will help you set up domain-based validation with ease. We'll cover how to create a reactive form, implement the dom...
Preventing Giant File Uploads in Angular (with Proof)
มุมมอง 1652 หลายเดือนก่อน
In this video, you’ll learn how to create a custom file size validator in Angular. We’ll walk through the process of validating file uploads, ensuring that users select files that fall within an acceptable size limit. This is essential for applications that require file uploads, such as profile pictures, documents, or other media. Whether you're a beginner or experienced with Angular, this step...
I Fixed Invalid Date Inputs in Angular and You Can Too!
มุมมอง 2122 หลายเดือนก่อน
In this Angular tutorial, I will guide you through creating a custom date range validator for your forms. You’ll learn to validate an input field based on a specified date range, ensuring that users only input dates within valid boundaries. This is essential for booking systems, event scheduling, and more! Follow along as we implement this feature in a clean and easy-to-understand way using Ang...
Create an Age Validator with Date Picker in Angular - Step by Step!
มุมมอง 1562 หลายเดือนก่อน
In this video, I’ll show you how to build a custom age validator in Angular using the input date picker. You’ll learn how to validate user ages based on their selected birthdate, ensuring they meet the age requirements in your forms. Whether you're working on a registration form or user profile update, this tutorial will guide you through the steps to implement this essential validation logic i...
How to Validate Passwords in Angular
มุมมอง 2312 หลายเดือนก่อน
In this video, we dive deep into creating custom validators in Angular for password strength and matching passwords. You'll learn step-by-step how to enhance security in your Angular forms by building a validator that ensures your passwords are strong and another that confirms they match. Whether you're building a login system or a registration form, these validators will ensure your users foll...
Create a Debit/Credit Card Validator in Angular - Step-by-Step Guide
มุมมอง 2492 หลายเดือนก่อน
In this video, you'll learn how to create a custom debit/credit card validator in Angular using Luhn's Algorithm. We’ll walk you through the step-by-step process of building and implementing a secure card validation logic for your Angular forms. By the end of this tutorial, you'll be able to validate card numbers efficiently and integrate this feature into any Angular application. Perfect for e...
Custom Validators in Angular: Simplify Form Validation
มุมมอง 3522 หลายเดือนก่อน
Learn how to create custom validators in Angular and take your form validation to the next level! In this tutorial, we'll walk you through the process of building custom validators step-by-step, making form validation more efficient and tailored to your application needs. Whether you're working with complex forms or just getting started with Angular, this video will help you understand how to s...
Angular 18: How to Easily Get Query Parameters from Route
มุมมอง 1.2K3 หลายเดือนก่อน
In this Angular 18 tutorial, we walk you through the process of adding query parameters to a URL and retrieving them in a different component. Whether you're building complex routing systems or just getting started, this step-by-step guide will help you understand how to work with query parameters in Angular routes, making your applications more dynamic and user-friendly. Here is a GitHub link ...
Master Angular 18 Reactive Forms Using a Car Filter Example
มุมมอง 1.8K3 หลายเดือนก่อน
Master Angular 18 Reactive Forms Using a Car Filter Example
Routing in Angular 17 | 18 and Lazyload Standalone Components
มุมมอง 31K10 หลายเดือนก่อน
Routing in Angular 17 | 18 and Lazyload Standalone Components
How to automatically remove unused imports in VS Code? #vscode
มุมมอง 5K10 หลายเดือนก่อน
How to automatically remove unused imports in VS Code? #vscode
My Top 5 Uncommon VS Code Extensions for 2024!
มุมมอง 88410 หลายเดือนก่อน
My Top 5 Uncommon VS Code Extensions for 2024!
GIVEAWAY! - Wallaby.js & Quokka.js PRO x4
มุมมอง 631ปีที่แล้ว
GIVEAWAY! - Wallaby.js & Quokka.js PRO x4
PocketBase CRUD Revolutionizes Backend Coding for Beginners!
มุมมอง 6Kปีที่แล้ว
PocketBase CRUD Revolutionizes Backend Coding for Beginners!
Useful VS Code Shortcuts to Speed Up Your Work!
มุมมอง 354ปีที่แล้ว
Useful VS Code Shortcuts to Speed Up Your Work!
ChatGPT Generated JavaScript Calculator App!
มุมมอง 250ปีที่แล้ว
ChatGPT Generated JavaScript Calculator App!
Master Git Stash: Save and Restore Code Changes Like a Pro!
มุมมอง 1472 ปีที่แล้ว
Master Git Stash: Save and Restore Code Changes Like a Pro!
Work on Multiple Git Branches at the Same Time
มุมมอง 10K2 ปีที่แล้ว
Work on Multiple Git Branches at the Same Time
Angular 14: Everything You Need to Know To Get Started!
มุมมอง 5632 ปีที่แล้ว
Angular 14: Everything You Need to Know To Get Started!
How to share Angular Components? (Simple steps)
มุมมอง 12K2 ปีที่แล้ว
How to share Angular Components? (Simple steps)
Lazyload Standalone Components in Angular
มุมมอง 1.5K2 ปีที่แล้ว
Lazyload Standalone Components in Angular
Great video. I can't wait to see some more PocketBase videos!
Thank you! I am glad you liked the video.
Very concise and helpful. Thanks!
so many thanks.
Thankyou for the video. Beautifuly explained !!
You are welcome! Thanks for watching.
installed. I will try. what do you think about color schemes, what are the best for Angular/typescript? :D I'm using monokai for now
I prefer `Dark Modern` theme. :)
good tip. I used it manually sometimes. now i try on save. I'm currently figuring out how to have it globally in a project for multiple people at once in git so that we have the same format.
I have almost a similar setup. thanks for the icons, good tip. I'm still thinking about that font.
What if your standalone component has a non standalone child component? Is lazyloading possible?
great. thanks
Thanks for turorial
Very useful and good clear presentation. Thank you for not including background music!
Thank you for the kind words!
Great🎉
Thanks!
U can chech also better comments and indent-rainbow
Hi All, Here is a link to a GitHub project that I just created, covering the same topic as shown in the video. As there were some issues for some of you in the past, where you were not able to follow the video and make it work as I shown. Link : github.com/adnan-halilovic/angular-routing
Not working
Hey @theredbaron28, First of all, thanks for watching the video and commenting to it as well. I compared it with the new Angular changes and created a project for you, so you can download and follow! The issue you were facing was probably because of the router-link that is now routerLink. Here is the project link: github.com/adnan-halilovic/angular-routing Feel free to download, run and play with the project! Angular version 18.2 is there right now. Thanks!
I already use the extensions mentioned and also a very similar config. In addition, different profiles set up for other stacks. I prefer things to be minimalistic and tidy, so I have moved some things to a hidden sidebar on the right side. The additional sidebar currently houses Thunder Client, Copilot, Continue and yes, also Spotify. I actually only use the Spotify extension to choose music while I'm working without leaving VS Code. Not a must, but save some time and still nice and doesn't bother you in this sidebar (which is mostly hidden). → BetterComments - quick notes, to-dos and other comments → GitLens - Git on steroids → JSON Crack - Really helpful on large JSON files / structures → LiveServer -Must have... → Project Manager - Also very useful for quick access to projects Last but not least, my favorite themes are Halcyon with macOS Modern and the Material icons. I also like the "Halcyon" theme because I can use it in many apps. Whether in VS Code, Sublime Text, iTerm, Warp or Obsidian, uniform colors everywhere thanks to the same theme. To be fair, I have a designer background and later on I was pushed more and more into development. So that's one of the main reasons why I like everything to look good and clean (but also be functional). Nearly always follow the rule, less is (often) more.
Your videos are always so interesting, well explained and very useful! Thank you 🙂
Thank you for the comment! I am glad to hear that.
Worth it !!
Thank you!
Very helpful 👍🏻👍🏻👍🏻
Thanks!
I think Google's Angular team could have done a better job of communicating the change from the way routing was handled before and after version 17
hi, And should the router be modified? Thank you for the video.
Hi @luisolave5591, Thanks for watching the video and also thank you for commenting and asking questions. I am not sure that I understood what you actually meant by modifying the router. Was it related to the adding query parameters? If yes, the answer is yes. You are free to push the params to the router and navigate with the params that you added. I hope the video was useful to you. Once more, thanks for watching.
thanks
You are welcome!
Thanks dude
You are welcome! 🙂
Thank you, sir!
You are welcome!
Adnan, thanks a lot for your tutorials!
Hey @tuku_mann, Thank you for watching! I really appreciate your comment! It’s great to hear that you found the content helpful.
Best one 👍🏻👍🏻
amazing
Very Useful!
👍👍
Router.navigate() not working inside functional interceptor
that's not "automatically", is manually removing with key shortcuts
Hi @MarioFlores, Thanks for watching the video and providing the feedback, I appreciate it. Actually, there is an option (if you missed it in the video), that does it all on save. You can check it at 3:57 . Thanks
I was missing router outlet in html 😅 there's always a little something ! thanks for your video !
Thx so much bro
Thanks for the simple to understand explanation. Helped a lot.
Hey, thanks for watching. I am glad to hear that.
was losing my mind over simple page routing, thanks man you're awesome
Hi, you are welcome! Thanks for watching the video, and I am glad it was helpful.
Nice, but what about core module, u didn't imported
It should be added to the app module. It seems that I forgot to add it at the beginning. Thanks for noticing.
Does `git worktree add <branch_name>` base the new branch off the current branch? Suppose one branch generates some files which are ignored by git -- and the other branch generates the same files, but w/ different content. When you switch branches, will the generated files be aligned to the branch that generated them? e.g. say `gen.txt` was generated w/ content `foo` in branch `A` and then we switch to `B` branch and generate `gen.txt` w/ content `bar`. When we switch back to branch `A` what will the content of `gen.txt` be? I'm working on branches w/ a lot of generated code and each time I switch branches I have to `git clean -xdf` and run the commands to regenerate the code, but would like a way to skip the `git clean -xdf` and code regeneration step when switching branches.
Check out the Illinois Mono font
Thanks man!
You are welcome!
thanks
5eu0Tssu
could you share your icons extension.
Material Icons
Hi! Do you know a tool for organizing imports for .cs files?
Hey, unfortunately, I don't.
Perfect, thanks for sharing this useful concept.
Glad it was helpful! Thanks for watching.
Clear and good work = thank you for your presentation
You are welcome! Thank you for watching!
what is theme use ?
keep it up bro... Thanks a lot !!!
poor video quality
Hi @sportscity5478, If the video quality is bad, please make sure that on the TH-cam settings (gear icon) you select 1080p quality. Sometimes TH-cam changes the quality of a video. Also, I had some issues with the video during the export, and I hadn't noticed that the zoom transitions were not attached, but it was late when I realized that. But the videos after this one are better, as I am trying to provide a better quality as well as to make more useful content for my audience. Anyway, thanks for watching the video and commenting it. :)
super video adnane! ostajem ti subscribe!
Thank you very much for showing the updates that were made between the old version and the new one.🤗☺🤗