- 50
- 73 561
SoftCode
Nigeria
เข้าร่วมเมื่อ 29 มิ.ย. 2020
This Channel was created as a means to share my passion and knowledge of web development to the world.
Unleash the Power of JavaScript Arrays: 10 Array Methods You Probably Haven't Used!
Do you know all of the JavaScript array methods? In this video, I'll show you 10 JavaScript array methods that you probably haven't used, but that can be very helpful for a variety of tasks.
We'll cover methods like Array.isArray(), Array.prototype.toLocaleString(), Array.from(), Array.prototype.flat(), Array.prototype.flatMap(), Array.prototype.at(), Array.prototype.concat(), Array.prototype.copyWithin(), Array.prototype.entries(), and Array.prototype.every().
I'll show you how to use these methods in your code, and I'll also give you some examples of how they can be used.
If you're looking to learn more about JavaScript array methods, or if you want to learn how to use some of the more advanced methods, then this video is for you.
Watch more JavaScript videos here: th-cam.com/play/PLJjz2el2bUZzvZpOWJAjMBmZvivFkCr7b.html
See the new JavaScript Array Methods here: th-cam.com/video/1IqFKwkZY2s/w-d-xo.html
Time Stamp:
0:00 Introduction
0:58 Array.prototype.toLocaleString()
3:26 Array.from()
8:00 Array.prototype.flat()
11:00 Array.prototype.flatMap()
14:58 Array.prototype.at()
18:41 Array.prototype.concat()
21:21 Array.prototype.copyWithin()
25:03 Array.prototype.every()
28:53 Array.prototype.fill()
31:18 Array.isArray()
Keywords:
JavaScript array methods
useful JavaScript array methods
JavaScript array methods you probably haven't used
advanced JavaScript array methods
JavaScript array methods for beginners
JavaScript array methods tutorial
JavaScript array methods explained
how to use JavaScript array methods
examples of JavaScript array methods
Array.isArray()
Array.prototype.toLocaleString()
Array.from()
Array.prototype.flat()
Array.prototype.flatMap()
Array.prototype.at()
Array.prototype.concat()
Array.prototype.copyWithin()
Array.prototype.every()
Array.prototype.fill()
We'll cover methods like Array.isArray(), Array.prototype.toLocaleString(), Array.from(), Array.prototype.flat(), Array.prototype.flatMap(), Array.prototype.at(), Array.prototype.concat(), Array.prototype.copyWithin(), Array.prototype.entries(), and Array.prototype.every().
I'll show you how to use these methods in your code, and I'll also give you some examples of how they can be used.
If you're looking to learn more about JavaScript array methods, or if you want to learn how to use some of the more advanced methods, then this video is for you.
Watch more JavaScript videos here: th-cam.com/play/PLJjz2el2bUZzvZpOWJAjMBmZvivFkCr7b.html
See the new JavaScript Array Methods here: th-cam.com/video/1IqFKwkZY2s/w-d-xo.html
Time Stamp:
0:00 Introduction
0:58 Array.prototype.toLocaleString()
3:26 Array.from()
8:00 Array.prototype.flat()
11:00 Array.prototype.flatMap()
14:58 Array.prototype.at()
18:41 Array.prototype.concat()
21:21 Array.prototype.copyWithin()
25:03 Array.prototype.every()
28:53 Array.prototype.fill()
31:18 Array.isArray()
Keywords:
JavaScript array methods
useful JavaScript array methods
JavaScript array methods you probably haven't used
advanced JavaScript array methods
JavaScript array methods for beginners
JavaScript array methods tutorial
JavaScript array methods explained
how to use JavaScript array methods
examples of JavaScript array methods
Array.isArray()
Array.prototype.toLocaleString()
Array.from()
Array.prototype.flat()
Array.prototype.flatMap()
Array.prototype.at()
Array.prototype.concat()
Array.prototype.copyWithin()
Array.prototype.every()
Array.prototype.fill()
มุมมอง: 95
วีดีโอ
Exploring the Exciting Features of ES2023 - JavaScript Updates
มุมมอง 283ปีที่แล้ว
In this video, we'll explore the exciting new Array methods in ES2023, the latest version of the JavaScript programming language. 🔍 What's Covered in This Video: findLast() and findLastIndex(): These methods allow you to find the last element in an array that matches a given condition. toSorted() and toReversed(): These methods create a copy of an array that is sorted or reversed in place. toSp...
6 - How to use Angular Data Binding, Property Binding, Event Binding and ngModule - Angular In-Depth
มุมมอง 2892 ปีที่แล้ว
In this tutorial, we'll be covering the basics of Angular - everything from event binding to property binding to ngModule and two-way binding and Angular interpolation. If you're new to Angular or just want to learn more about its key features, then this video is for you! By the end of this video, you'll have a better understanding of Angular and be able to use it to build more complex applicat...
5 - Lazy loading in angular - Learn Angular in-depth
มุมมอง 3202 ปีที่แล้ว
Lazy loading in angular help to make the initial bundle size that would be loaded to the browser small hence making the application faster. Playlist: th-cam.com/play/PLJjz2el2bUZxYV4ADzhVGHGw6RXlDxC_Y.html Subscribe to Channel: th-cam.com/channels/zRW8AaTPD_IisfNbn52aVQ.html Twitter: nwafor_austine LinkedIn: www.linkedin.com/in/nwafor-augustine/
4. Angular Routing - Learn Angular in-depth
มุมมอง 3512 ปีที่แล้ว
Routing is an important part of all applications as it helps to navigate the user from page to page. In this video we implemented routing in angular, we also took a look on how we can add custom title to the tab of our web browser while navigating from page to page. Playlist: th-cam.com/play/PLJjz2el2bUZxYV4ADzhVGHGw6RXlDxC_Y.html Subscribe to Channel: th-cam.com/channels/zRW8AaTPD_IisfNbn52aVQ...
3. Angular Component - Learn Angular in-depth
มุมมอง 3052 ปีที่แล้ว
Components are building blocks of an Angular application. In this video, we learn how to create Angular components using the Angular CLI and how to declare them in an Angular module. Playlist: th-cam.com/play/PLJjz2el2bUZxYV4ADzhVGHGw6RXlDxC_Y.html Subscribe to Channel: th-cam.com/channels/zRW8AaTPD_IisfNbn52aVQ.html Twitter: nwafor_austine LinkedIn: www.linkedin.com/in/nwafor-augus...
2. Installing Node and Angular - Learn Angular in-depth
มุมมอง 3882 ปีที่แล้ว
In this video I downloaded and installed node and angular globally on my computer. Playlist: th-cam.com/play/PLJjz2el2bUZxYV4ADzhVGHGw6RXlDxC_Y.html Subscribe to Channel: th-cam.com/channels/zRW8AaTPD_IisfNbn52aVQ.html Twitter: nwafor_austine LinkedIn: www.linkedin.com/in/nwafor-augustine/
1. Introduction to Angular - Learn Angular in-depth
มุมมอง 4692 ปีที่แล้ว
Getting Started with Angular, An Introductory Video. Playlist: th-cam.com/play/PLJjz2el2bUZxYV4ADzhVGHGw6RXlDxC_Y.html Subscribe to Channel: th-cam.com/channels/zRW8AaTPD_IisfNbn52aVQ.html Twitter: nwafor_austine LinkedIn: www.linkedin.com/in/nwafor-augustine/
How to loop through an object in JavaScript
มุมมอง 5382 ปีที่แล้ว
Looping through an object in JavaScript may be a little bit tricky, but in this video, I explained four easy ways by which we can loop through any object in JavaScript. #javascript #object #programming Chapters: 0:00 - Introduction 0:46 - For in loop 5:05 - Object.keys() method 8:43 - Object.values() method 10:25 - Object.entries() method Looping through an array: th-cam.com/video/4ATNrv_qRf8/w...
Angular vs React vs Vue Bundle Size Comparison in 2022
มุมมอง 1.4K2 ปีที่แล้ว
In this video we unveiled the exact bundle size of the top JavaScript and it's just so surprising who the smallest was. #react #angular #vue
How to loop through an array in JavaScript in six different ways.
มุมมอง 2322 ปีที่แล้ว
How to loop through an array in JavaScript in six different ways.
JavaScript String Concatenation for beginner developers
มุมมอง 4372 ปีที่แล้ว
JavaScript String Concatenation for beginner developers
Top JavaScript Console Method: 👨🏼💻 Discover the Best Way to View and Debug Your Code
มุมมอง 4562 ปีที่แล้ว
Top JavaScript Console Method: 👨🏼💻 Discover the Best Way to View and Debug Your Code
Get the last item of an array with the array.at() method
มุมมอง 3462 ปีที่แล้ว
Get the last item of an array with the array.at() method
Double vs Triple Equals Sign in JavaScript
มุมมอง 1642 ปีที่แล้ว
Double vs Triple Equals Sign in JavaScript
JavaScript Double equals == vs Triple equals ===
มุมมอง 5292 ปีที่แล้ว
JavaScript Double equals vs Triple equals
Add a video in text with CSS mix-blend-mode
มุมมอง 1.2K2 ปีที่แล้ว
Add a video in text with CSS mix-blend-mode
How to add a background image to a text with CSS
มุมมอง 1.9K2 ปีที่แล้ว
How to add a background image to a text with CSS
Create awesome styles with CSS Calc() Function
มุมมอง 1K2 ปีที่แล้ว
Create awesome styles with CSS Calc() Function
Building a VueJS Micro-Frontend Application with Single SPA
มุมมอง 7K2 ปีที่แล้ว
Building a VueJS Micro-Frontend Application with Single SPA
Building an Angular Micro-Frontend Application with Single SPA
มุมมอง 14K2 ปีที่แล้ว
Building an Angular Micro-Frontend Application with Single SPA
Building a React Micro-Frontend Application with Single SPA
มุมมอง 20K2 ปีที่แล้ว
Building a React Micro-Frontend Application with Single SPA
How to get started with Micro-Frontends using Single-SPA
มุมมอง 14K2 ปีที่แล้ว
How to get started with Micro-Frontends using Single-SPA
14 Learn HTML, CSS and JavaScript - Styling An Html Form
มุมมอง 2454 ปีที่แล้ว
14 Learn HTML, CSS and JavaScript - Styling An Html Form
13 Learn HTML, CSS and JavaScript - Styling An Html Table
มุมมอง 2514 ปีที่แล้ว
13 Learn HTML, CSS and JavaScript - Styling An Html Table
12 Learn HTML, CSS and JavaScript - Cloning The Mozilla Website Part 4
มุมมอง 1814 ปีที่แล้ว
12 Learn HTML, CSS and JavaScript - Cloning The Mozilla Website Part 4
11 Learn HTML, CSS and JavaScript - Cloning The Mozilla Website Part 3
มุมมอง 1614 ปีที่แล้ว
11 Learn HTML, CSS and JavaScript - Cloning The Mozilla Website Part 3
10 Learn HTML, CSS and JavaScript - Cloning The Mozilla Website Part 2
มุมมอง 2074 ปีที่แล้ว
10 Learn HTML, CSS and JavaScript - Cloning The Mozilla Website Part 2
Which version of create-single-spa and single-spa did u use for this ? for me right now its showing : single-spa version - 6.0.3 create-single-spa version - 5.0.4
can you share the code? that you have tried
Could you show how to click on the link to angular code too. 19:16
After adding ng add single-spa-angular and serve application.it doesnt serve it shows error that custom webpack issue.do you have any idea?i am using angular 11
What an amazing video, congratulations! I just wanted to know if it's possible to run Angular normally without needing the base application.
is it possible bro ?
@syamsundar2993 I think isn't possible, because Single SPA need a project base and your Parcels( other project Angular). You can using Module Federation, Angular Elements or Stenciljs
Can you also please fix the angular white screen also?
But how to fix the white screen in angular. Without fixing white screen how will we be to develop the pages in single spa
Sir what about other video can we create a angular telegram group
Thanks for video , I have a query if i create 2 applications inside the base application will i be able to communicate between these 2 applications for example my folder structure is : base has 2 folders legacy and modern which are both react applications. so will be able to communicate between legacy and modern ? if any one is watching this comment and has any idea about this please do reply
great tutorial..!! keep it up.. waiting for more content..
Awesome video 🎉
Thank you sir
How can i going up to React 18?
thanks it worked
Thanks for the tutorial, you saved my weekend! 😃
Thanks bro
Thank you for the useful guide
Thank you sir, best tutorial on single-spa for me 🎉
How can we run the micro-frontend application in standalone mode for development, running all the projects is quite tedious task. why should one run 4 MFE if has to work on 1 Please can you guide on this
I wanted to know if I have to integrate an authentication provider ex. Keycloak with my application how should i do it? Should I integrate it with the root config application or is it required to be integrated with the child applicatons?
Most usefull stuff🙌
Hi I am using Angular 17 and thus a standalone components. When I try to start base App . In terminal I am seeing no error . But on browser I am getting error application '@angular-app/angular-project' died in status SKIP_BECAUSE_BROKEN: ASSERTION ERROR: Type passed in is not NgModuleType, it does not have 'ɵmod' property. at throwError (localhost:9002/main.js:14603:9) at assertNgModuleType (localhost:9002/main.js:15880:5) at compileNgModuleFactory (localhost:9002/main.js:46212:16) at PlatformRef.bootstrapModule (localhost:9002/main.js:46697:14) at Object.bootstrapFunction (localhost:9002/main.js:60566:165) at localhost:9002/main.js:59864:38 at Generator.next (<anonymous>) at asyncGeneratorStep (localhost:9002/main.js:59962:24) at _next (localhost:9002/main.js:59981:9) at localhost:9002/main.js:59986:7 Am I missing anything ?
Hey, great video thanks for sharing the information. I am trying to integrate tailwind css into react micro frontend app but I am facing some issues. Can you help me out or guide me in some way?
Good one
Thank you. Had to do a POC for work and this video saved me!
I follow and wrote exact the html and style.css, you done - take little time, but is work perfectly , pretty dam good work here... ;) THX /// McRoman /// SWEDEN
Pretty OK, But better Mic, and slow down a little helps a lot, anyway THX... ;)
Great content. Very informative for front end developers
for me show error at run angular: died in status SKIP_BECAUSE_BROKEN: NG0908: In this configuration Angular requires Zone.js at new NgZone (localhost:8950/main.js:25359:13) at getNgZone (localhost:8950/main.js:42658:12) at PlatformRef.bootstrapModuleFactory (localhost:8950/main.js:42514:20) at localhost:8950/main.js:42573:98
Excellent Man, very useful.
good job! Sorry, I have a question about this navigation element. When I created it using Angular, the navigation appears randomly when reloading the browser. Do you have any advice? Thanks!!!
Hello, congratulations on your work, it is very important information. But I have a question about the standalone option in Angular. How can I load only a child application without a host application? Is it a simple option or a very complicated setup? Thank you!!
NicetryJS ?
gracias
Is it possible to create micro frontend in diffrent framework and render it in one single page application with module federation if yes how to do that configuration Please help
good job! thank you so much for this content, it's really helpful to understand micro frontend pattern
How publish all application with this micro front-ends? Each one build?
Could you please create a hybrid apk via single spa which is not on TH-cam
Great tutorial! i have a question if for example in the angular app you created another component and add it in the app.routing like for example: {path:'contact', component: ContactComponent}, how can you access to this route?
Where did you get other applications from? I mean sampleBaseApplication. How to create it?
it would be better if you provide source code
thanks. can you check the local mounting of apps in a real live root config application? I am trying to do it and appreciate if you help me out with that.
Great, man. How can I export an isolated component from the angular project and import it in another microfrontend?
I cant use bootstrap on this project. Can you please help
Great explanation brother Love you ❤
very helpful video
all the best bro
Great guide, thank you!
Well explained, with simple, easy to understand examples and solutions. Thanks a lot !
Your Single SPA videos helped me a lot (!) to get into this topic and to run Angular apps next to each other.
Thank you bro You are helped to me more Thank you once again I am expecting more videos on micro frontend developer