![NL Tech](/img/default-banner.jpg)
- 94
- 281 352
NL Tech
Bulgaria
Приєднався 14 кві 2012
Welcome to NL Tech. This is an educational channel focused on Computer Science and Software Engineering.
New JavaScript Features 🆕 Grouping with Object.groupBy and Map.groupBy
Learn how to group data effortlessly in JavaScript with Object.groupBy and Map.groupBy. These powerful methods provide a concise and intuitive way to categorize data based on specific criteria. We'll guide you through their implementation and explore their advantages over traditional grouping techniques.
Contents:
0:00 Introduction
0:26 Object.groupBy Basic Demo
1:53 Grouping by a Custom Key
3:28 Map.groupBy Demo
4:02 Browser Support and Pollyfills
5:10 Conclusion
Social Media:
Email: nikola.n.lazarov@outlook.com
Twitter: nikelaz
LinkedIn: www.linkedin.com/in/nikola-lazarov
#javascript #ecmascript
Contents:
0:00 Introduction
0:26 Object.groupBy Basic Demo
1:53 Grouping by a Custom Key
3:28 Map.groupBy Demo
4:02 Browser Support and Pollyfills
5:10 Conclusion
Social Media:
Email: nikola.n.lazarov@outlook.com
Twitter: nikelaz
LinkedIn: www.linkedin.com/in/nikola-lazarov
#javascript #ecmascript
Переглядів: 89
Відео
Web Client Architecture 👨💻 Develop an App from Scratch (Part 13)
Переглядів 2,1 тис.Місяць тому
In this video I will work on the Next.js web client application for Budget Warden (the budget tracking application that I am developing from scratch). Some of the topics I will cover include: - Implementing scalable layouts in Next.js - Global state management with the container/view model design pattern and React context - Using Next.js server side actions to execute server-to-server HTTP requ...
Next.js Authentication 👨💻 Develop an App from Scratch (Part 12)
Переглядів 330Місяць тому
In this video I will demonstrate how to implement JWT authentication in a Next.js client. We'll build a complete system from scratch, covering: - Login View: Craft a user-friendly interface for secure sign-in. - Authentication Hook: Guard your precious app routes for authorized users only. - Registration View: Implement a smooth user sign-up process. Repository: bw-monorepo: github.com/nikelaz/...
Level Up Your Code 🚀 Blazing Fast Lookups with Hash Maps
Переглядів 2182 місяці тому
Tired of slow searches in your code? Struggling to find a single item in a massive dataset? Hash maps are your secret weapon! In this video, I'll show you how to supercharge your algorithms for lightning-fast lookups. I'll explain why they are efficient, and how to implement them in your code to see the difference for yourself. In this video you will: - Understand the power of hash maps for fas...
Coolify 🖥 Self-Hosted Vercel/Netlify/Heroku Alternative 🚀
Переглядів 2,8 тис.2 місяці тому
PaaS application hosting providers like Vercel, Netlify and Heroku are extremely popular and that is for a good reason. They abstract away all of the deployment details and let you deploy your app with an easy to use user interface. They have their drawbacks tough - primarily the premium pricing you pay for their services, compares to a VPS or a raw cloud computing instance from AWS, Azure or G...
Navigation and Dropdown Components 👨💻 Develop an App from Scratch (Part 11)
Переглядів 1962 місяці тому
In this video I will build the main sidebar navigation component of the application and its accompanying layout. I will also implement a reusable react dropdown component which I will need for the months/budget period switch in the web client/application. The dropdown will work like a native HTML select element with an onChange event, accepting the data as a JSON data array. What you'll learn: ...
Table, Data Grid and Modal Dialog Components 👨💻 Develop an App from Scratch (Part 10)
Переглядів 3243 місяці тому
In this video I continue working on the user interface components with the presentational table component, that is a stateless styles table component. The data grid component renders a table using JSON data and column definitions and provides an implementation for editing data in place and removing rows. The modal dialog component is implemented with the HTML dialog element and we tackle synchr...
What's New in Fedora 40 🐧 Gnome 46 & Linux Kernel 6.8
Переглядів 7614 місяці тому
The new version of Fedora is out and in this video I will talk about the new features in Fedora (and desktop Linux in general, especially gnome-based desktop linux distributions). Some of the new features include: - Updated Files application (Nautilus) with better search, file operations progress user interface and performance improvements throughout - Updated Settings application with performa...
Form Components 👨💻 Develop an App from Scratch (Part 9)
Переглядів 2434 місяці тому
In this video I continue the implementation of the reusable components library with form components. I will implement/style the input, select, textarea and label. The video is focused primarily on styles, keeping the controls as native as possible. The components are built in a Vite library and debugged in the storybook we setup last video. What you'll learn: - Create React form components (inp...
Components Library with Vite & Storybook 👨💻 Develop an App from Scratch (Part 8)
Переглядів 1,4 тис.4 місяці тому
In this video I'll demonstrate how to setup a web UI components library using Vite and its library mode, storybook for the documentation/reference and debugging. The components library will be used for the budget tracking application and in this first video I will do the library repository setup and implement the first two components - the button and icon. What you'll learn: - Create a React Co...
Tailwind CSS Theme Setup 👨💻 Develop an App from Scratch (Part 7)
Переглядів 4335 місяців тому
In this video, I will demonstrate how to configure the Tailwind CSS theme settings. The Tailwind setup will be done in the context of a Next.js application. The valuable insight here is that I am working on a real application - a budget tracking app that I am building from scratch as a side-project. The styles setup includes setting up SASS as a preprocessor in the Next.js application and then ...
Docker Dev Environment with DB, Server and Client 👨💻 Develop an App from Scratch (Part 6)
Переглядів 4725 місяців тому
In this video I will create a development environment where I will be able to run a client / server / database application in a single monorepo, so that I can develop and debug efficiently on a local computer. To achieve that I will use Docker containers and Docker Compose to create a container-based environment that will run the PostgreSQL database, the Node.js backend api provider (the server...
RESTful Node.js Controllers with Fastify 👨💻 Develop an App from Scratch (Part 5)
Переглядів 7896 місяців тому
RESTful Node.js Controllers with Fastify 👨💻 Develop an App from Scratch (Part 5)
Control Flow in Rust: if/else, Loops & More! 🦀 Intro to Rust #6
Переглядів 656 місяців тому
Control Flow in Rust: if/else, Loops & More! 🦀 Intro to Rust #6
Fastify User Authentication with JWT 👨💻 Develop an App from Scratch (Part 4)
Переглядів 2 тис.6 місяців тому
Fastify User Authentication with JWT 👨💻 Develop an App from Scratch (Part 4)
New Array Methods in JavaScript 🆕 ES14
Переглядів 2496 місяців тому
New Array Methods in JavaScript 🆕 ES14
TypeORM Models and Validation 👨💻 Develop an App from Scratch (Part 3)
Переглядів 1,2 тис.6 місяців тому
TypeORM Models and Validation 👨💻 Develop an App from Scratch (Part 3)
UI/UX Design 👨💻 Develop an App from Scratch (Part 2)
Переглядів 8006 місяців тому
UI/UX Design 👨💻 Develop an App from Scratch (Part 2)
Software Architecture 👨💻 Develop an App from Scratch (Part 1)
Переглядів 1,9 тис.7 місяців тому
Software Architecture 👨💻 Develop an App from Scratch (Part 1)
Render a Rich Text (Blocks) Field in React 🚀 Strapi Course #9
Переглядів 2,7 тис.7 місяців тому
Render a Rich Text (Blocks) Field in React 🚀 Strapi Course #9
PC Build for Development and Video Editing - Fractal Design Pop Mini Air & Intel 12th Gen
Переглядів 2,1 тис.7 місяців тому
PC Build for Development and Video Editing - Fractal Design Pop Mini Air & Intel 12th Gen
GraphQL Plugin Queries & Mutations (CRUD) 🚀 Strapi Course #8
Переглядів 7217 місяців тому
GraphQL Plugin Queries & Mutations (CRUD) 🚀 Strapi Course #8
Internationalization (i18n) 🚀 Strapi Course #7
Переглядів 1,7 тис.8 місяців тому
Internationalization (i18n) 🚀 Strapi Course #7
Server Actions - Next.js Course #10
Переглядів 1 тис.9 місяців тому
Server Actions - Next.js Course #10
JWT Authentication with Login and Registration Views 🚀 Strapi Course #6
Переглядів 3,8 тис.9 місяців тому
JWT Authentication with Login and Registration Views 🚀 Strapi Course #6
Create, Update & Delete Items with the REST API 🚀 Strapi Course #5
Переглядів 2,3 тис.9 місяців тому
Create, Update & Delete Items with the REST API 🚀 Strapi Course #5
Observer Design Pattern: Theoretical Overview and Implementation in C++
Переглядів 1199 місяців тому
Observer Design Pattern: Theoretical Overview and Implementation in C
Admin Roles, Users and Permissions 🚀 Strapi Course #4
Переглядів 1,5 тис.9 місяців тому
Admin Roles, Users and Permissions 🚀 Strapi Course #4
need to delete the thumnail formate while upload image how ?
I get 404 not found on the api urls... everything is enabled
Bro is speaking slow in 1.75X, BTW nice explanation, thanks.
@@santoshe61 haha nice one 😀
This is a great series. I loved it. It shows all the steps one needs to go through.
Great video! Thank you
why cant i see my Arch profile in windows terminal???
Nice one.❤
Thanks 🙂
super video
How to use global mixins in scss modules without importing?
Thanks quick and crisp.
I am loving this series.
Still.issue in local font Showing no import error but still no font family applied
I use vim btw
I’m a new developer, and I love this video and series. Are you able to share your documents so I can build with you?
how to create post using this?
and what about refresh token and expire jwt?
is it mandatory to use username, for create an account, I'm trying to use first name and last name. but it doesn't work. i'm confused can you please clear me i can use my custom form out of the starpi roles, like my form will be first name, last name, email, password etc i don't want to use username.
I like the way you are teaching for this course.This is what I was looking for beginner project where every thing you took a time to build from scratch level, design, architecture. I also suggest you to build another big application after finishing this course and request you to finish the course a bit faster . Subscribed
Can't set slug field for internationalization. 😢
Great content 👏.Subscribed😁Free coolify version. How many react website can be deployed.
Hi would you recommend strapi as a cms for freelance websites?
Absolutely. It is open source, so you have 0 costs and user friendly (so that you can train them to use the CMS easily). You just have to figure out a good deployment process (and cloud provider) to simplify that for your clients.
@@nltech1 thank you!
Waiting the next part🔥🔥
Hey, great video that's very helpful for me as a beginner. I'll have a look on more of your content! Do you have an idea for a tutorial to setup your dev tools, like you did. Like compiling after each step and so on? Regards Oliver
I've spend the whole day studying your code. It's was super helpful. Easy to implement. It took time for me because I really liked your style of writing code and I wanted to learn as much as I could from it. I am working on a project and your tutorial helped me to achieve what I had to to. Thanks a lot! I am a new subscriber. Keep posting cool stuff.
Preeetty amazing! This video really helped me. Thank you!
@@cassiaqueiroz5512 Thank you! I’m glad you found it helpful!
Thanks sir, I am following your project.
Hi, I attempted to add a field to the user in the content type, but it disappears upon refreshing. Although it appears in the schema.json file of user-permissions, it doesn't persist. Interestingly, the field remains intact if I add it to a new collection type in the content builder.
if I use npm start it doesn't work but node app.js works, any reason why? Even though I am specifying the full path too their binary
how to do list
This video really helps, thanks :)
Thank you! I'm glad it helped!
Concise and helpful!!!
Glad it was helpful!
Cool tutor!
Thanks!
Hello I study WordPress with next js, can I have github repositorie I would try to make a website page builder with WordPress backend and next js thanks you ! :)
It does not work under server component enviroments. If you're using next.js 13+ for some reason you are going to need to encapsulate your render stuff into a wrapper component with "use client"
Can you please make a video about how to do user signup in the headless wordpress with next.js
Maybe dump question why do we need to convert JS into again JS.
Would be good to have Next.js + Ghost cms.
thank you, very usefull! Do you plan to make a video on how to secure ssh access?
Can I have the github link for this project?
microsoft cooking it fast and good. Its so Easy to use and they made it so comfortable.
Thanks for this video it is really helpful sub to you and liked the vid
Very nice tutorials! good job keep doing it!
Thank you! Im glad you found it useful.
For anyone having issues with updating: If you send a PUT request, you get a 200 ok response, but the item stays the same. Remove "data" from the body and just send the actual fields. Like { "Titel": "updated titel" }
Amazing guide!
Thak you bro, today you became my hero haha
Loved the Strapi part ! thanks man ! Subscribed What is the best way to deploy then ? any free option ?
First of all thanks for the video! I'm getting an error, how can I solve this please? Module './components/button/button' was resolved to /components-ui/src/components/button/button.tsx', but '--jsx' is not set.
it is a DTS plugin incompatibility with the new ViteJS version.
Video is so on point and just what I need, thank you so much
me: lets try vscode vscode : u should install some extensions first :) me: i did it now how to run this shit ! oh i get it i should install another extension ! vscode: error in compiling me: f*** u vscode ! that's why jetbrains is the best
Buget app continue sir🎉🎉
The series is in progress, the next videos are taking some time. You can expect the next video in the coming weeks 🙂