- 6
- 70 960
Programming with Mist
Приєднався 30 жов 2022
Protect your web apps from Cross-Site Scripting (XSS) attacks
This video covers some prevention measures for the most common cross-site scripting (XSS) attacks. These measures are easy to implement and provide a security baseline for your projects.
DISCLAIMER: Implementing the measure in the video will NOT give total protection from XSS attacks. Proper security testing is required on a project-by-project basis before publishing your app.
Learn more about common web app security threats with OWASP: owasp.org/www-project-top-ten/
Resources mentioned in this video:
Loi Liang Yang video: ua-cam.com/video/1Hr4_r2xQXY/v-deo.htmlsi=p5RLTRLnP-5zpBcT
onError event: www.w3schools.com/jsref/event_onerror.asp
DOMPurify package: github.com/cure53/DOMPurify
Validator package: github.com/validatorjs/validator.js
DISCLAIMER: Implementing the measure in the video will NOT give total protection from XSS attacks. Proper security testing is required on a project-by-project basis before publishing your app.
Learn more about common web app security threats with OWASP: owasp.org/www-project-top-ten/
Resources mentioned in this video:
Loi Liang Yang video: ua-cam.com/video/1Hr4_r2xQXY/v-deo.htmlsi=p5RLTRLnP-5zpBcT
onError event: www.w3schools.com/jsref/event_onerror.asp
DOMPurify package: github.com/cure53/DOMPurify
Validator package: github.com/validatorjs/validator.js
Переглядів: 681
Відео
Deploy your react+vite app in 3 EASY STEPS
Переглядів 66 тис.2 роки тому
In this video we deploy our react and vite apps to Netlify in 3 simple steps using the vite build command
Troubleshooting your CSS
Переглядів 1852 роки тому
In this video I go through some of the tools we can use in the web browser to fix our wonky CSS. Default CSS reference (W3Schools) : www.w3schools.com/cssref/css_default_values.php
Downloading your Scrimba projects
Переглядів 1,7 тис.2 роки тому
RE-UPLOAD with better editing In this video I take you through downloading and running your scrimba projects on your local machine. Don't have VSCode, Live Server or NodeJS installed? Watch this video first: ua-cam.com/video/UD-3DDhH1TU/v-deo.html Tutorials Playlist: ua-cam.com/users/playlist?list... Chapters: 00:00 Intro 2:02 Downloading the project 3:42 Running your project 13:40 Outro
VSCode, Node and NPM
Переглядів 3362 роки тому
RE-UPLOADED with better editing In this video I take you through setting up VSCode, Node and NPM so you can start programming on your local machine. download VSCode: code.visualstudio.com/download download NodeJS: nodejs.org/en/download/ Chapters: 00:00 Intro 0:42 VSCode setup 3:45 VSCode extensions and Live Server 9:58 NodeJS setup 15:18 Using NPM
Vite + React setup
Переглядів 1,9 тис.2 роки тому
In this video I take you through setting up Vite and React so you can start your own React projects from scratch on your local machine. Don't have VSCode, Live Server or NodeJS installed? Watch this video first: ua-cam.com/video/UD-3DDhH1TU/v-deo.html Vite official site: vitejs.dev/guide/ Tutorials Playlist: ua-cam.com/users/playlist?list... Chapters: 00:00 Intro 0:30 What is Vite? 2:28 Vite pr...
Keep making Videos 😊
working 100%
I wish it was that easy. I've spent days trying to deploy a react+vite project on my own server. White screen of death every time...
Thank you so much dude now i know what was the black magic JS file when i opened the dev tools 5 years ago
Thank u so much ☺
Welldone ! good Job ❤
Thank You So Much , Its Helps Alot
Time Saving Bro😍
how about if the project has a back end how would can you do that ?
i tried this, when i use npm run preview its working but when i deploy it or try to open it via live server or just double click on the html file i get a blank page. what could be the problem i am running in circles rn :s
i have done the same thing but it gives me a blank website
please help me
Is this works for hostinger deploy too?
you are awsome dude
Index.html file what I got after npm run build (.dist) folder, If I click on it, its just showing blank white screen whats the reason?
Do you know what the reason is?
thank you very much, i done with my project to graduated
THANKS
You are a Life Saviour Sir .....got frustated by this for many hours
Hi from brazil, thanks dude
Thank you so much i got it now
After following all the instructions given on this page, I got a blank screen upon visiting the live page? Yet building and deployment were done successfully as confirmed in the "Action" tab of the github repository
same
I’m getting a blank screen at the end after a successful deployment just dragging and dropping the “dist” folder in Netlify. Gonna try some different things Saturday when I get home to try and get this to work.
It seems like the vite package is not installed in your project or globally on your system. You can install it locally in your project or globally. To install it locally in your project, navigate to your project directory in the terminal and run: npm install vite To install it globally, you can use: npm install -g create-vite After installing, try running npm run build again.
nice
oh my God you saved my career. thank you so much.
thanks
awesome video man......this one really helps
this is so easy!!!!!!! perfect bro
Warren (Mist) has always been the best one
Nice! Liked and subscribed.
Thanku so much
Legend!
Really great video it helped me a lot Thank you!
it helped me a lot..exact content what i wanted to know
Thanks man!!! I am a beginner. Didn't know that you have to do the npm run build command to make the dist folder. I was banging my head for so long!!! Much appreciated.
netlify its not take a vite proxy what we do?
Actually a good video!
I'm glad I found you.
Thank you so much bro
This is nice. But how can I do the same for a ssr vite project where the dist folder has both client and server side? Please I need help with this
Thank you boss ! after long hours trying to deploy mi vite app to GitHub pages, I realized that Netlify is way more better and easier to handle when deploying websites.
Thank you 😊
Thanks! keep up the amazing content!
Awesome vid, thanks bro. However when I try to do it, Netlify can't find my pictures. They are located in the same way as your "images" folder.
in my index.html, the assets can't be located because it needs dot before the file path, something like this "./assets/filename", note that I need to manually add that dot in the first
Thank you!
Obrigado, amigo! Você explica muito bem!
Very helpful. Thank you so much.
thank you very much, was struggling with this for a while
Thank you!
Thank you for this video, it's helpful!
Awesome! Just what I needed! When we update the site, do updates automatically go through? Or do we need to run npm build again?
With this method, you will need to run the build command and drag'n'drop the new dist folder into Netlify each time you make changes to the code.