- 15
- 221 422
Code Deck
เข้าร่วมเมื่อ 1 ธ.ค. 2022
Detailed programming tutorials on a broad spectrum of topics
Content Security Policy Tutorial | Crash Course 2024 (Angular + NGINX)
In this video, we go in-depth on how to configure the CSP (Content Security Policy) in Angular with NGINX as our server.
The CSP headers and nonce (number once) number will be configured on the server-side.
If you are seeing errors like:
Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self'" ". Either the 'unsafe-inline' keyword, a hash, or a nonce ('nonce-...') is required to enable inline execution.
You most likely have an invalid configuration.
#programming #angular #nginx
The CSP headers and nonce (number once) number will be configured on the server-side.
If you are seeing errors like:
Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self'" ". Either the 'unsafe-inline' keyword, a hash, or a nonce ('nonce-...') is required to enable inline execution.
You most likely have an invalid configuration.
#programming #angular #nginx
มุมมอง: 1 607
วีดีโอ
Angular Signals in 20 minutes! (2024)
มุมมอง 2.3K6 หลายเดือนก่อน
This video covers key topics including effects, compute signals, writable and non-writable signals, and signal dependencies. It is suitable for both beginners and experienced developers looking to update their skills in Angular for 2024. Hashtags: #Angular #AngularSignals #WebDevelopment #CodingTutorial #LearnAngular #Programming #FrontendDevelopment #JavaScript #TechTutorial #2024Tech #Softwar...
Cookie Authentication with Angular 17+, Node.js and MongoDB (MEAN Stack) 🛡️🍪
มุมมอง 3K7 หลายเดือนก่อน
This tutorial provides a comprehensive, straightforward walkthrough on implementing secure cookie authentication in Angular 17 applications. Learn how to configure your Angular project for cookie-based session management, ensuring secure transmission of authentication data between the client and server. We'll cover setting up the server to send secure cookies, configuring Angular to handle thes...
Mastering RxJS & Reactive Programming in Angular 17 (2024) 🚀👨💻
มุมมอง 9K7 หลายเดือนก่อน
In this video, we're going to explore the essentials and advanced concepts of RxJS and Reactive Programming specifically tailored for Angular 17 in 2024. This tutorial is designed to guide developers at all levels through the powerful features of RxJS within the Angular framework. This video covers: 🌱 Basics of Reactive Programming: Understanding its principles and benefits. 🔍 Introduction to R...
Docker Volumes Explained - Docker Crash Course #3 (2024)
มุมมอง 1617 หลายเดือนก่อน
Docker tutorial for beginners 2024 In this video, as a continuation of our docker crash course series, we cover the topics of "What are docker volumes" and "How to use docker volumes". We explore: 1) What Docker volumes are and the necessity for persistent storage. 2) The different types of Docker volumes: named volumes, anonymous volumes, tmpfs, and bind mounts. 3) Steps to create, manage, and...
Docker Compose Explained - Docker Crash Course #2 (2024)
มุมมอง 3118 หลายเดือนก่อน
Docker tutorial for beginners 2024 In this view I am demonstrating how to manage multiple services / container with docker compose. CHAPTERS: 00:00 - Introduction 00:40 - Docker Compose Architecture & Overview 05:15 - Docker Compose Breakdown & Example 21:50 - Recap 23:00 - Creating a simple Docker Compose File 23:50 - Compose, App & Docker File Setup 27:47 - Application Overview 29:00 - Runnin...
Docker Explained - Docker Crash Course #1 (2024)
มุมมอง 4638 หลายเดือนก่อน
Docker tutorial for beginners 2024 In this video I demonstrate all the basics of docker including the docker architecture, daemon, cli commands, images, containers, and logs. This video is aimed at beginners with little to no experience with docker. CHAPTERS: 00:00 - Intro 00:30 - Set up 01:40 - Why do we use docker? 04:00 - Images & Containers 05:30 - Docker Architecture 11:44 - Configuring an...
How to Deploy an Angular Application 2024 (Docker, Nginx & Digitalocean)
มุมมอง 11K8 หลายเดือนก่อน
Digital ocean referral link: m.do.co/c/1d47150aa785 (200 Free credits for 2 months) In this video I am demonstrating how to properly deploy and angular 17 application to the web. We are using docker alongside with Nginx to serve the application, while we are using digitalocean as our cloud service provider. #angular17 #angular #digitalocean #deployment #programming #2024 #webdevelopment #fullstack
I made my own Webmail Client!
มุมมอง 3.3K8 หลายเดือนก่อน
In this video I demonstrate how I made my own webmail / email client from scratch using Angular 17 and NodeJS. We are going to be using the Nodemailer package to send emails with SMTP and the IMAP package to manage our mailboxes. We use Mercury which comes with XAMPP as a local email server for windows. GitHub Repos: Server: github.com/thecodedeck/webmail-server Client: github.com/thecodedeck/w...
Run your own GitHub Copilot assistant for Free - Local LLM with Tabby
มุมมอง 5K9 หลายเดือนก่อน
Run your own self-hosted, local coding assistant locally with TabbyML & StarCoder (or any model of our choice, such as Deepseek Coder, Codellama or llam2) for Free! In this video we cover topics such as "What is Tabby?", "How to run a local copilot assistant", and "How to set up an AI assistant for free using docker". To follow along you will need to have Docker installed (with hypervisor suppo...
Angular Crash Course 2024 (for Beginners)
มุมมอง 177K9 หลายเดือนก่อน
🚀 Angular 17 Crash Course: Building a Storefront with Node.js Backend In this comprehensive Crash Course, I will guide you through mastering Angular while building a practical storefront application. We'll focus on integrating a Node.js backend using Express and a mock database to emulate real world integration scenarios. 🛠️ Course Highlights: Angular Foundations: Gain a solid understanding of ...
Angular - Translations / Localization Tutorial 2024 (i18n)
มุมมอง 7K11 หลายเดือนก่อน
How do add translations (i18n/internationalization) to your Angular project 2023/2024. #angular #tutorial #i18n #localization
Architecturally Correct Doors / Doorframes - Blender 3.6.5
มุมมอง 209ปีที่แล้ว
A tutorial on creating walls, doors and doorframes with realistic dimensions.
How to create stairs between objects - Blender 3.6.5 (2023)
มุมมอง 457ปีที่แล้ว
A short tutorial on creating stairs in Blender 3.6.5. Ensure that you are using Blender 2.8 , otherwise Ctrl B will not work or you.
How to update the Angular CLI version - Tutorial 2024
มุมมอง 391ปีที่แล้ว
How to update the angular cli to the latest version in 2024. #angular #webdevelopment #tutorial
Please help us with deploy an Angular app with domain name on aws
Good
Dude ur amazing. You're explanations are so in-depth. Doing god's work brother. Thank you!
Anyone facing issues with node server. I am getting error as 'cannot get'. Please solve the issue
Have no gaps on my popup windows 3:08:03
3:07:21 have no errors, but have no popus too. Anyone can explain?
2:59:14
1:57:21 have some problems with fonts: Failed to decode downloaded font: <URL>
amazing tutorial. only issue is at 3:56:00 getting property 'formbuilder' is used before its initialization. tried adding useDefineForClassFields: false to TS.config, error disappears but then also do all the images on the home page. same thing happens when i put property.formBuilder inside its constructor or inside ngOnInit. please advise. thank you.
Hello. Were you able to find a solution?
@@dr-ej8vs hi. negatory
I got this error: "TS2729: Property 'formBuilder' is used before its initialization." when I tried to add a validator in edit-popup.component.ts, even when I copied the code on your github
Cool Project Buddy, btw do you know how to implement IDLE with sockets for notifications and sync, and also how to manage IDLE for multiple connections ? Or is there any alternative to this approach or is the proxy/gateway in the middle for communicating with the imap server really necessary? Wouldn't it be resource intensive if it has a lot of users. I know raw sockets can't be opened through browsers.
Hello @Code Deck , could you please push your changes to github.
For some reason when I use space-between it doesn't work. Dunno why but the names are not spread to get all the width...
This is absolute gold! Thank you brother
Really loved it❤
Amazing course!
Perfect. Special thanks for your distinct English speech.❤
Is it possible to run this stuff with CPU (eg i5 8500) not Cuda?
For anyone struggling with images not showing up properly, try editing your angular.json file for "architect"-"build"-"assets" to : "assets": ["src/favicon.ico", "src/assets"]
Bro you're legitimately a really good teacher
do you have a video on how to switch the language at run time and switch between ltr and rtl ?
this is magic
love your way and thanks for your efforts. but from " NodeJs Server" i get lost and confused. did we need NodeJs Server, can we build same project without " NodeJs Server"? is there's other course that only focus on "angular" without using " NodeJs Server"?
Thank you!
Mate, that crash course is amazing. Keep up the good work!
One of the best tutorials i've seen♥, thanks brother for sharing such a great and in-depth tutorial❤
For anyone struggling with serving the product images , update item image path in the db.json, on the server. As images are now served from the public folder path by default { "items": [ { "id": 1, "image": "images/products/image1.jpg" .... basically just remove "assets/" from every item. Also, you need to match your file structure, move the entire "images" folder from "assets" to "public"
Man I just found your channel and I felt like I stumbled upon a gold mine! Thank you very much, subscribed!
Hey man, I can't thank you enough for the amount of information you gave me. It was just perfect, your pace, the way you explained and organized the video. It's such a shame that it only got 2k views. Thank you again❤
What is that gray text thing that shows up after you text something, and how do I get it?
when I hear your voice I feel I'm in 😴
1:16:50 after declaring api service getting errors in observable and this.apiservice. I don’t know how I had followed all the steps still getting error again and again
For heaven's sake, why did you have to describe that Node.js server? You've just spoiled the whole tutorial for me. I don't care how it works.
Thanks for making this video. Signals seem to work in a very unintuitive way that I'm not sure I'd pick up just from reading documentation.
First of all, allow me to say that this is a very simple tutorial, yet elegantly put and explained straight to the point! What I still lack in knowledge about working this way with i18n is the ability to switch between languages on the fly while the app is running, and not just by setting the default language to another one. Let's say I would like to apply a button that by clicking on it, the current language changes to a selected one.
in docker desktop when you hit run and pass enviroment varaible can you read them from angular ?
This will probably help you shadynagy.com/dynamically-injecting-environment-variables-in-dockerized-angular/ However please bear in mind that angular apps are loaded into the browser, thus be careful of accidentally exposing env variables to your users. Generally I would recommend simply storing your public env variables in your environment files directly since I don't see much benefit in fetching them from docker unless you have a very specific use case.
@@codedeck Thank you I've made something similler but it do helped me greetings 🐓🐔
Great Tutorial!!!!
Highly Recommended, really useful Thanks man!
This was a great video. Covered a ton of topics and you did an excellent job of walking us through all of them. thank you.
Genuine question, how do you get so good at this? do you read all the documentations?
Thank you! No it's just a lot of practice, I've done a lot of work for multiple clients
Nice, thank you and could you also do video about ngrx?
Best video I have ever seen on CSP, can you please assist any resource to apply CSP to my dotnet core api + angular application, I have implemented dynamic nonce in my application from server side but still in the document inside network tab (the very first sub tab behind fetch/xhr tab i.e inside all subtab) for every route or page it is still showing unsafe inline and unsafe eval.., although it is showing correct in the endpoints or inside requests under fetch/xhr under network tab, any resource or suggestions will help... Thaks
Honestly I have little to no experience with Dotnet, but the logic is pretty much the same. I assume that the backend only sets the headers here correct? Do you use nginx to serve your app?
No I am using dotnet core api deployed on azure app services
I am setting the http response headers from the server side i.e. from the backend only
And the fun part is, it's not showing under the document tab when I run it in local environment, after deployment it is showing incorrect under document tab
sounds good
Brooo, thank you so much
coming from react ecosystem i needed to learn angular as i applied for a job and recieved an assignment in it Not going to lie bro angular is testing my patience
I’m in the same position as you. Could you recommend a better video that actually explains Angular?
@@danielhenlook up Procademy. They have the best Angular playlist
@@danielhen iam in the sam position as you ,this is the best one i found so far .
@@ahmedmaher9985I found my self buying course from udemy..
Realy nice tutorial to learn Angular
HUGE educational value!!! Thank you so much for making this crash course 👏👏👏
just having one doubt why 1:01:00 you are typecasting inject() as AuthService/Router. will highly appreciate any comments on that. Thanks
Awesome tutorial! This was my first experience with Angular and your crash course was super helpful 😊
awsome