Code Deck
Code Deck
  • 15
  • 221 422
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
มุมมอง: 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

ความคิดเห็น

  • @sidof8065
    @sidof8065 วันที่ผ่านมา

    Please help us with deploy an Angular app with domain name on aws

  • @sidof8065
    @sidof8065 วันที่ผ่านมา

    Good

  • @SuperVishal2000
    @SuperVishal2000 4 วันที่ผ่านมา

    Dude ur amazing. You're explanations are so in-depth. Doing god's work brother. Thank you!

  • @tejasshelar1235
    @tejasshelar1235 12 วันที่ผ่านมา

    Anyone facing issues with node server. I am getting error as 'cannot get'. Please solve the issue

  • @dr-ej8vs
    @dr-ej8vs 16 วันที่ผ่านมา

    Have no gaps on my popup windows 3:08:03

  • @dr-ej8vs
    @dr-ej8vs 16 วันที่ผ่านมา

    3:07:21 have no errors, but have no popus too. Anyone can explain?

  • @dr-ej8vs
    @dr-ej8vs 16 วันที่ผ่านมา

    2:59:14

  • @dr-ej8vs
    @dr-ej8vs 18 วันที่ผ่านมา

    1:57:21 have some problems with fonts: Failed to decode downloaded font: <URL>

  • @TerraPasternak
    @TerraPasternak 20 วันที่ผ่านมา

    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.

    • @dr-ej8vs
      @dr-ej8vs 13 วันที่ผ่านมา

      Hello. Were you able to find a solution?

    • @TerraPasternak
      @TerraPasternak 13 วันที่ผ่านมา

      @@dr-ej8vs hi. negatory

  • @ac5402
    @ac5402 21 วันที่ผ่านมา

    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

  • @joelpaul8650
    @joelpaul8650 24 วันที่ผ่านมา

    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.

  • @raviyadav-ih1dg
    @raviyadav-ih1dg 26 วันที่ผ่านมา

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

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

    This is absolute gold! Thank you brother

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

    Really loved it❤

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

    Amazing course!

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

    Perfect. Special thanks for your distinct English speech.❤

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

    Is it possible to run this stuff with CPU (eg i5 8500) not Cuda?

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

    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"]

  • @DREBO-z8c
    @DREBO-z8c หลายเดือนก่อน

    Bro you're legitimately a really good teacher

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

    do you have a video on how to switch the language at run time and switch between ltr and rtl ?

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

    this is magic

  • @muhammedkhalil-x8p
    @muhammedkhalil-x8p 2 หลายเดือนก่อน

    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"?

  • @ivanglushkov7921
    @ivanglushkov7921 2 หลายเดือนก่อน

    Thank you!

  • @Szabal16
    @Szabal16 2 หลายเดือนก่อน

    Mate, that crash course is amazing. Keep up the good work!

  • @arjunsemwal02
    @arjunsemwal02 2 หลายเดือนก่อน

    One of the best tutorials i've seen♥, thanks brother for sharing such a great and in-depth tutorial❤

  • @Isaac-d1m
    @Isaac-d1m 2 หลายเดือนก่อน

    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"

  • @Snbd26th
    @Snbd26th 2 หลายเดือนก่อน

    Man I just found your channel and I felt like I stumbled upon a gold mine! Thank you very much, subscribed!

  • @pJ-if8jf
    @pJ-if8jf 2 หลายเดือนก่อน

    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❤

  • @lucky2unlucky
    @lucky2unlucky 2 หลายเดือนก่อน

    What is that gray text thing that shows up after you text something, and how do I get it?

  • @kishorem5101
    @kishorem5101 2 หลายเดือนก่อน

    when I hear your voice I feel I'm in 😴

  • @indibizz1724
    @indibizz1724 2 หลายเดือนก่อน

    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

  • @frantisekfilip1888
    @frantisekfilip1888 2 หลายเดือนก่อน

    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.

  • @PirlKnighte
    @PirlKnighte 2 หลายเดือนก่อน

    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.

  • @kobibentata
    @kobibentata 2 หลายเดือนก่อน

    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.

  • @IbrahimIbrahim-pe2kq
    @IbrahimIbrahim-pe2kq 2 หลายเดือนก่อน

    in docker desktop when you hit run and pass enviroment varaible can you read them from angular ?

    • @codedeck
      @codedeck 2 หลายเดือนก่อน

      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.

    • @IbrahimIbrahim-pe2kq
      @IbrahimIbrahim-pe2kq 2 หลายเดือนก่อน

      @@codedeck Thank you I've made something similler but it do helped me greetings 🐓🐔

  • @vishnuprasad6202
    @vishnuprasad6202 2 หลายเดือนก่อน

    Great Tutorial!!!!

  • @kereloskaram1312
    @kereloskaram1312 3 หลายเดือนก่อน

    Highly Recommended, really useful Thanks man!

  • @troyschwartz7438
    @troyschwartz7438 3 หลายเดือนก่อน

    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.

  • @russellseangonzalve4566
    @russellseangonzalve4566 3 หลายเดือนก่อน

    Genuine question, how do you get so good at this? do you read all the documentations?

    • @codedeck
      @codedeck 3 หลายเดือนก่อน

      Thank you! No it's just a lot of practice, I've done a lot of work for multiple clients

  • @azimeraw24
    @azimeraw24 3 หลายเดือนก่อน

    Nice, thank you and could you also do video about ngrx?

  • @avinashkarn1057
    @avinashkarn1057 3 หลายเดือนก่อน

    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

    • @codedeck
      @codedeck 3 หลายเดือนก่อน

      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?

    • @avinashkarn1057
      @avinashkarn1057 3 หลายเดือนก่อน

      No I am using dotnet core api deployed on azure app services

    • @avinashkarn1057
      @avinashkarn1057 3 หลายเดือนก่อน

      I am setting the http response headers from the server side i.e. from the backend only

    • @avinashkarn1057
      @avinashkarn1057 3 หลายเดือนก่อน

      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

  • @novatech-42
    @novatech-42 3 หลายเดือนก่อน

    sounds good

  • @itskeno6191
    @itskeno6191 3 หลายเดือนก่อน

    Brooo, thank you so much

  • @starX7995
    @starX7995 3 หลายเดือนก่อน

    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

    • @danielhen
      @danielhen 2 หลายเดือนก่อน

      I’m in the same position as you. Could you recommend a better video that actually explains Angular?

    • @codewithreen5768
      @codewithreen5768 2 หลายเดือนก่อน

      @@danielhenlook up Procademy. They have the best Angular playlist

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

      @@danielhen iam in the sam position as you ,this is the best one i found so far .

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

      @@ahmedmaher9985I found my self buying course from udemy..

  • @FrancoisKABORE-or3su
    @FrancoisKABORE-or3su 3 หลายเดือนก่อน

    Realy nice tutorial to learn Angular

  • @rezurrrexion38
    @rezurrrexion38 3 หลายเดือนก่อน

    HUGE educational value!!! Thank you so much for making this crash course 👏👏👏

  • @wasit-shafi
    @wasit-shafi 3 หลายเดือนก่อน

    just having one doubt why 1:01:00 you are typecasting inject() as AuthService/Router. will highly appreciate any comments on that. Thanks

  • @justw71
    @justw71 3 หลายเดือนก่อน

    Awesome tutorial! This was my first experience with Angular and your crash course was super helpful 😊

  • @tunisiasparx2105
    @tunisiasparx2105 3 หลายเดือนก่อน

    awsome