- Видео 48
- Просмотров 139 197
Developerorium
Пакистан
Добавлен 9 июн 2013
Hi there! I'm Muhammad Awais, a internationally recognised passionate Lead Software Engineer / Full Stack (Frontend) with 9+ years of experience who finds joy in crafting exceptional web experiences, fixing breaking logic and bug fixes using JavaScript, Typescript, Angular, React, Vue, NodeJS, [Python] newbie, Artificial Intelligence enthusiast. My days are filled with lines of code, bringing creativity to life through top-notch technology stack. Additionally, I have contributed as a tech author for Generative AI and JavaScript in Plain English publications. Apart from that, I am advocate for best practices and a google, amazon web services technology speaker of Ai and other frameworks.
Talks about #code, #angular, #javascript, #angular, #reactjs, and #opensource
awaisshaikh94@gmail.com
awaisshaikh_
bit.ly/muhammadawaisshaikh
www.github.com/muhammadawaisshaikh
#developerorium
#muhammadawais
#muhammadawaisshaikh
Talks about #code, #angular, #javascript, #angular, #reactjs, and #opensource
awaisshaikh94@gmail.com
awaisshaikh_
bit.ly/muhammadawaisshaikh
www.github.com/muhammadawaisshaikh
#developerorium
#muhammadawais
#muhammadawaisshaikh
Angular 17 @defer block with attention to all aspects 🚀
Latest control flow enhancements, Angular v17 introduces an highly impressive and beneficial feature called "@defer" block.
The main purpose of the defer block is to lazy load content/components. if anything placed inside a defer block, @Angular will only load it based on the specified conditions/events/timing/interaction. This is highly useful for performance and optimization, specially when some content that's required to load after some event trigger / time based / immediate or many other aspects.
The main purpose of the defer block is to lazy load content/components. if anything placed inside a defer block, @Angular will only load it based on the specified conditions/events/timing/interaction. This is highly useful for performance and optimization, specially when some content that's required to load after some event trigger / time based / immediate or many other aspects.
Просмотров: 193
Видео
Real Quick Angular Migration from 16 to 17 🚀
Просмотров 29811 месяцев назад
In this tutorial, we'll walk through the process of migrating your Angular application from version 16 to the latest version, Angular 17. Whether you're a seasoned Angular developer or just getting started, this step-by-step guide will help you smoothly transition your project and take advantage of the latest features and improvements. @Developerorium @GoogleDevelopers @Angular
EHealth App
Просмотров 28Год назад
- For Doctors: Connect with patients seamlessly through online consultations. Access patient records and medical history on the go. Collaborate with colleagues for better patient care. - For Patients: Schedule appointments with your preferred doctors. Receive personalised health recommendations. Keep track of your health records and prescriptions. Get easy access to reliable medical information...
Muhammad Awais Intro
Просмотров 169Год назад
👋 Hi there! I'm Muhammad Awais, a passionate Principal Software Engineer / Full Stack Software Engineer with 8 years of experience who finds joy in crafting exceptional web experiences using JavaScript, Typescript, Angular, React, Vue, NodeJS, ROR 🚀. and leading the team of 4 developers across the globe. My days are filled with lines of code, bringing creativity to life through top-notch techno...
Brief Introduction to Angular and overview of App Structure
Просмотров 63Год назад
Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript and other languages. TypeScript defines a set of types to JavaScript, which helps users write JavaScript code that is easier to understand. All of the TypeScript code compiles with JavaScript and can run smoothly on any platform. About me: I am a Principal Software Engineer (Angular/Ty...
Understanding Enums in Angular
Просмотров 1,1 тыс.Год назад
This is a session on using Enums in an Angular application. You will learn how to: - How to create Enums - Reference an Enum in your component.html templates - Show content or compare values using an Enum #angular #enums #typescript #angularforbeginners #javascript #developerorium
How to Implement and open a Detail Screen using AppSmith
Просмотров 110Год назад
In this session we will learn to implement the details screen which will be going to open once user clicks on any item from a listing screen.
How to create Listing Screen UI with Api Integration AppSmith
Просмотров 602Год назад
In this session you will learn how we can create a listing screen along with api integration to get data from server to that listing UI in a very short time using AppSmith without writing code.
Authentication in Angular App with Auth0
Просмотров 11 тыс.Год назад
The Complete Guide to Angular User Authentication with Auth0. Learn how to add user authentication to Angular using Observables and HTTP Interceptors. Github: github.com/muhammadawaisshaikh/angular-auth0 Article: dev.to/muhammadawaisshaikh/user-authentication-in-angular-app-using-auth0-520l
Function Invocation and Execution Stack in Javascript
Просмотров 642 года назад
Let's take a look on Execution Stack under the hood, how this calling and/invoking mechanism works with the same example which is very important. Read more: muhammadawaisshaikh.hashnode.dev/function-invocation-and-execution-stack-in-javascript @Developerorium
Creation Phase and Hoisting in Execution context
Просмотров 532 года назад
So, in this creation phase of execution context, If there are any variables and functions declared in the code, memory get allocated for all of those once your code starts running. Let's have a look on some simple things to understand deeper. Read more: muhammadawaisshaikh.hashnode.dev/whats-execution-context-in-javascript @Developerorium
Execution Context in Javascript
Просмотров 2192 года назад
Whenever code is run in javascript, it's run inside an execution context. A wrapper which is parsing, verifying and looking into your code while running. Base Execution Context is a Global Execution Context, things that accessible to everywhere to everything in your code. Javascript engine provides following two things whenever your code runs because it's wrapped in execution context: Global Ob...
Standalone Components in Angular v14
Просмотров 2062 года назад
Welcoming Standalone Components in Angular v14 🎉 by @Developerorium With standalone components, directives and pipes, the standalone: true flag allows you to add imports directly in your @Component() without an Module. www.muhammadawaisshaikh.com ☕️ Here is the detailed article over standalone components in angular v14 👇 muhammadawaisshaikh.hashnode.dev/welcoming-standalone-components-in-angula...
Fetching Data from a Backend API in Angular App - Part 2
Просмотров 4912 года назад
Fetching Data from a Backend API in Angular App - Part 2
Fetching Data from a Backend API in Angular App - Part 1
Просмотров 5 тыс.2 года назад
Fetching Data from a Backend API in Angular App - Part 1
Overview the basics of React before doing React
Просмотров 282 года назад
Overview the basics of React before doing React
Super Charge Your Angular Apps using State Management with NgRx
Просмотров 4953 года назад
Super Charge Your Angular Apps using State Management with NgRx
How to Develop Powerful Web and Mobile Apps using Angular
Просмотров 2,2 тыс.3 года назад
How to Develop Powerful Web and Mobile Apps using Angular
notification on click using html5 css3 jquery
Просмотров 566 лет назад
notification on click using html5 css3 jquery
Login & Signup Form using Html5 Css3 Jquery
Просмотров 1146 лет назад
Login & Signup Form using Html5 Css3 Jquery
I didn't not understand that how did you get the login page when you click login without writing any login code
Very nice concept
Article: medium.com/@awaisshaikh94/creating-a-material-ui-icon-resolver-for-react-8beb38d7872b
Thank you, very good video, it was implemented and it worked, now I have a problem when using "HashLocationStrategy" in the navigation bar, the authentication is lost and is not maintained,
Do you have any github link?
Please check the codebase here: muhammadawaisshaikh.hashnode.dev/welcoming-standalone-components-in-angular-v14
Great
Great video, thanks! 😀
provided 2 callback url , but it is going to same localhost after logout. how to fix?
thank you, But I can't set Application Type to "Single Page Application" why?
👍
Hi.. Very helpful video. Can you make a part 2 where you will use jwt also to authenticate the other endpoints.. Thank you
Sure ✔️
just what i needed thanks ! :D
Glad you liked it 🎉
how can we get and store the token in localStorage ?
Using localstorage.setItem method you can find on google.
Instead To develop an app..how to contact you sir.?
Check very first slide of video there my GitHub is mentioned. Go there and connect with me
plz make more videos and create full web apps using angular
Hi, I am not able to open localhost:4200. Can you please help?
let's connect over email: awaisshaikh94@gmail.com
very useful and up to date. Thank you!
Hi there, i tried following your steps but did not get any rendering of HTML at 26:50 as i call my backend server localhost:3003. Could you explain to me, please? Thanks in advance
Thanks a lot. Please make a e-commerce website
Sure will make one this weekend. glad you like it.
Thanks a bunch for sharing your knowledge
Finally solved the problem after searching for a while! Nobody didn't tell that I have to set the frame from controls in front.. After that, u need to change from FRAME.NavigationService.Navigate(p1); to THIS.NavigationService.Navigate(p1); between pages... Thank you!
Here is the detailed article over standalone components in angular v14 👇 muhammadawaisshaikh.hashnode.dev/welcoming-standalone-components-in-angular-v14
Thank you so much
Hello sir, where is blog link ? By the way , video is very helpful
Let me add in the description asap. Sorry for the delays. Glad you found this helpful 🙌
Thank you for this video, really helps me a lot to understand this topic
glad you found this helpful. thanks
On data table data change get and post in angular ngx-datatable
I didn’t get you Abhijeet.
Fantastic Excellent Bro.NoOne can touch this concept this much clearly.
many thanks.
Amazing sir!
Source code
Keep it up good work ✔️
🙌
Great job bro👏👍😊
Synthesis failed
Great examples 👌 thanks 🙏
Glad you like it 🙌
can i contact you please ?
after hours of searching i found that ty
Pleasure man 🙌
del(X , [], []). del(X,[X|T], L) :- remove(X,T,L), !. del(X, [Head|Tail], [Head | NewTail]) :- del(X, Tail, NewTail).
Thank you very much. I have added the line "del(X,[X|T], L) :- remove(X,T,L), !." to cater for multiple deletes.
great.
Good one.
Awesome 👍
delete this bad vid
I would like to share something on this subject. The information below is really good for many business people axisbits.com/blog/Tips-to-make-your-doctor-visit-app-effective
You made my day....Thanks a million sir
2 hours looking for solution to my problem "How to open page ?". You didn't give me right the answer but make me realize that you can't directly display the page, but instead you can display it on a frame in other window. Thank you!
Poisy pleasure 🚀
"root element is not valid for navigation" getting this error while navigating?
no work
del(X , [], []). del(X,[X|T], L) :- remove(X,T,L), !. del(X, [Head|Tail], [Head | NewTail]) :- del(X, Tail, NewTail).
I have a question, if I want to know all the parent (ie display all the parent names in the interpreter) how does that?? thank you
thanks
tks so muh
Shayne Lima pleasure 👍