SoftCode
SoftCode
  • 50
  • 73 561
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()
มุมมอง: 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
CSS Media Query Made Easy
มุมมอง 6772 ปีที่แล้ว
CSS Media Query Made Easy
CSS Flexbox - The Complete Guide
มุมมอง 6212 ปีที่แล้ว
CSS Flexbox - The Complete Guide
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

ความคิดเห็น

  • @sushanthaldonkar4265
    @sushanthaldonkar4265 6 ชั่วโมงที่ผ่านมา

    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

  • @AnkitChaudhary-l9z
    @AnkitChaudhary-l9z 2 หลายเดือนก่อน

    can you share the code? that you have tried

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

    Could you show how to click on the link to angular code too. 19:16

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

    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

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

    What an amazing video, congratulations! I just wanted to know if it's possible to run Angular normally without needing the base application.

    • @syamsundar2993
      @syamsundar2993 26 วันที่ผ่านมา

      is it possible bro ?

    • @tosipaulo
      @tosipaulo 26 วันที่ผ่านมา

      @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

  • @balaji-venkatraman
    @balaji-venkatraman 4 หลายเดือนก่อน

    Can you also please fix the angular white screen also?

  • @balaji-venkatraman
    @balaji-venkatraman 4 หลายเดือนก่อน

    But how to fix the white screen in angular. Without fixing white screen how will we be to develop the pages in single spa

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

    Sir what about other video can we create a angular telegram group

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

    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

  • @santoshbhat-lo6rz
    @santoshbhat-lo6rz 5 หลายเดือนก่อน

    great tutorial..!! keep it up.. waiting for more content..

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

    Awesome video 🎉

  • @siddheshb.kukade4685
    @siddheshb.kukade4685 6 หลายเดือนก่อน

    Thank you sir

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

    How can i going up to React 18?

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

    thanks it worked

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

    Thanks for the tutorial, you saved my weekend! 😃

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

    Thanks bro

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

    Thank you for the useful guide

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

    Thank you sir, best tutorial on single-spa for me 🎉

  • @Mr.hodophile
    @Mr.hodophile 8 หลายเดือนก่อน

    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

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

    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?

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

    Most usefull stuff🙌

  • @AmalAntony-g3v
    @AmalAntony-g3v 10 หลายเดือนก่อน

    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 ?

  • @AparajitGarg-n9y
    @AparajitGarg-n9y 10 หลายเดือนก่อน

    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?

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

    Good one

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

    Thank you. Had to do a POC for work and this video saved me!

  • @mcroman-superfeat
    @mcroman-superfeat ปีที่แล้ว

    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

  • @mcroman-superfeat
    @mcroman-superfeat ปีที่แล้ว

    Pretty OK, But better Mic, and slow down a little helps a lot, anyway THX... ;)

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

    Great content. Very informative for front end developers

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

    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

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

    Excellent Man, very useful.

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

    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!!!

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

    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!!

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

    NicetryJS ?

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

    gracias

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

    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

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

    good job! thank you so much for this content, it's really helpful to understand micro frontend pattern

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

    How publish all application with this micro front-ends? Each one build?

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

    Could you please create a hybrid apk via single spa which is not on TH-cam

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

    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?

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

      Where did you get other applications from? I mean sampleBaseApplication. How to create it?

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

    it would be better if you provide source code

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

    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.

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

    Great, man. How can I export an isolated component from the angular project and import it in another microfrontend?

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

    I cant use bootstrap on this project. Can you please help

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

    Great explanation brother Love you ❤

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

    very helpful video

  • @RaghuChakali-b6v
    @RaghuChakali-b6v ปีที่แล้ว

    all the best bro

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

    Great guide, thank you!

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

    Well explained, with simple, easy to understand examples and solutions. Thanks a lot !

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

    Your Single SPA videos helped me a lot (!) to get into this topic and to run Angular apps next to each other.

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

    Thank you bro You are helped to me more Thank you once again I am expecting more videos on micro frontend developer