![Telmo Sampaio](/img/default-banner.jpg)
- Видео 277
- Просмотров 3 213 870
Telmo Sampaio
Великобритания
Добавлен 18 сен 2006
Hey guys,
I'm Telmo Sampaio, a web developer based in Manchester UK, and in my channel I want to provide some good content tutorials like how to create a website from scratch, javascript projects, interview questions with other Web Developers, share my experience and projects with the Udacity Nanodegree, and hopefully inspire and help everyone who wants to join this journey.
If you like my videos make sure you subscribe to the channel, and share them with your friends :)
I'm Telmo Sampaio, a web developer based in Manchester UK, and in my channel I want to provide some good content tutorials like how to create a website from scratch, javascript projects, interview questions with other Web Developers, share my experience and projects with the Udacity Nanodegree, and hopefully inspire and help everyone who wants to join this journey.
If you like my videos make sure you subscribe to the channel, and share them with your friends :)
Advanced React Typescript tutorial with testing
★☆★ Full course: telmoacademy.com/
★☆★ 1-on-1 Mentorship: calendly.com/telmosampaio
★☆★ Digital Ocean $100 Credit: m.do.co/c/53edbc93587b/
★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi
Time stamps:
00:00 - Intro
00:52 - Initial setup
08:24 - Score and results
15:26 - Choose and play
29:13 - Adding context API
45:00 - Retrieving values from context
54:50 - Context initial state
01:04:07 Creating score reducer
01:16:14 Selecting player hand choice
01:26:25 - Player hand active class
01:31:12 - Test setup with vitest
01:37:50 - Testing score reducer
★☆★UDEMY COURSES:
*The Complete JavaScript Course: bit.ly/2Ci2Fzk
*Modern JavaScript From The Beginning: bit.ly/2Br13BM
*JavaScript: Understanding the Weird Parts: ...
★☆★ 1-on-1 Mentorship: calendly.com/telmosampaio
★☆★ Digital Ocean $100 Credit: m.do.co/c/53edbc93587b/
★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi
Time stamps:
00:00 - Intro
00:52 - Initial setup
08:24 - Score and results
15:26 - Choose and play
29:13 - Adding context API
45:00 - Retrieving values from context
54:50 - Context initial state
01:04:07 Creating score reducer
01:16:14 Selecting player hand choice
01:26:25 - Player hand active class
01:31:12 - Test setup with vitest
01:37:50 - Testing score reducer
★☆★UDEMY COURSES:
*The Complete JavaScript Course: bit.ly/2Ci2Fzk
*Modern JavaScript From The Beginning: bit.ly/2Br13BM
*JavaScript: Understanding the Weird Parts: ...
Просмотров: 2 141
Видео
How to be more productive as a software engineer
Просмотров 689Год назад
★☆★ My Courses: telmoacademy.com/ ★☆★ 1-on-1 Mentorship: calendly.com/telmosampaio ★☆★ Digital Ocean $100 Credit: m.do.co/c/53edbc93587b/ ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi Time stamps: 00:00 - Intro 00:28 - Organise your workspace 01:28 - Reducing distractions 04:04 - Prioritise tasks 06:08 - Master code editor 07:50 - Manage your time 09:47 - Find your productive times ★☆★UDEMY COU...
Build React Rock Paper Scissors with React
Просмотров 1,3 тыс.Год назад
★☆★ Get this course for free: telmoacademy.com/ ★☆★ 1-on-1 Mentorship: calendly.com/telmosampaio ★☆★ Digital Ocean $100 Credit: m.do.co/c/53edbc93587b/ ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course: bit.ly/2Ci2Fzk *Modern JavaScript From The Beginning: bit.ly/2Br13BM *JavaScript: Understanding the Weird Parts: bit.ly/2Epdgu2 *React 16.6 - The Co...
The only React Context Tutorial you need
Просмотров 1,5 тыс.2 года назад
React Context Api Tutorial with React Hooks ★☆★ My Courses: telmoacademy.com/ ★☆★ Digital Ocean $100 Credit: m.do.co/c/53edbc93587b/ ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course: bit.ly/2Ci2Fzk *Modern JavaScript From The Beginning: bit.ly/2Br13BM *JavaScript: Understanding the Weird Parts: bit.ly/2Ep...
Monitor Light for Developers setup - BenQ ScreenBar
Просмотров 1,9 тыс.3 года назад
BenQ ScreenBar: bit.ly/2Tv5jgq ★☆★ My Courses: telmoacademy.com/ ★☆★ Digital Ocean $100 Credit: m.do.co/c/53edbc93587b/ ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi Time stamps: 00:00 - Intro 00:47 - Items in the box 01:49 - Assembly instructions 02:51 - My previous light 03:10 - Before / After 03:43 - Buttons Functionality 04:26 - Testing the BenQ Screenbar 04:59 - Drawbacks 05:15 - Final Tho...
React to Node image upload with progress bar
Просмотров 1,9 тыс.3 года назад
★☆★ My Courses: telmoacademy.com/ ★☆★ Digital Ocean $100 Credit: m.do.co/c/53edbc93587b/ ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi Time stamps: 00:00 - Intro 01:40 - Create frontend form 06:06 - Handle image file 13:20 - Create submit form function 16:17 - Create Proxy to backend 17:36 - Add form value to be submitted to backend 20:30 - Create the...
Auto Deploy React & Node.js with Github Actions CI/CD
Просмотров 61 тыс.3 года назад
Today we are going to deploy a react app and node.js to Digital Ocean platform using Continuous integration and Continuous delivery with GitHub Actions tutorial, and Nginx server ★☆★ Digital Ocean $100 Credit: m.do.co/c/53edbc93587b/ ★☆★ My Courses: telmoacademy.com/ ★☆★ 1-on-1 Mentorship: calendly.com/telmosampaio ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi Time stamps: 00:00 - Intro 01:09 -...
JavaScript Shopping Cart Tutorial with Payments - Part 5
Просмотров 6 тыс.3 года назад
★☆★ Project files: gumroad.com/l/bBMET ★☆★ Full Course: telmoacademy.com/p/shopping-cart-payments ★☆★ 20% Discount: JS20 ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course 2018: bit.ly/2Ci2Fzk *Modern JavaScript From The Beginning: bit.ly/2Br13BM *JavaScript: Understanding the Weird Parts: bit.ly/2Epdgu2 *R...
JavaScript Shopping Cart Tutorial with Payments - Part 4
Просмотров 4,4 тыс.3 года назад
★☆★ Project files: gumroad.com/l/bBMET ★☆★ Full Course: telmoacademy.com/p/shopping-cart-payments ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course 2018: bit.ly/2Ci2Fzk *Modern JavaScript From The Beginning: bit.ly/2Br13BM *JavaScript: Understanding the Weird Parts: bit.ly/2Epdgu2 *React 16.6 - The Complet...
JavaScript Shopping Cart Tutorial with Payments - Part 3
Просмотров 4,4 тыс.3 года назад
★☆★ Project files: gumroad.com/l/bBMET ★☆★ Full Course: telmoacademy.com/p/shopping-cart-payments ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course 2018: bit.ly/2Ci2Fzk *Modern JavaScript From The Beginning: bit.ly/2Br13BM *JavaScript: Understanding the Weird Parts: bit.ly/2Epdgu2 *React 16.6 - The Complet...
JavaScript Shopping Cart Tutorial with Payments - Part 2
Просмотров 7 тыс.3 года назад
★☆★ Project files: gumroad.com/l/bBMET ★☆★ Full Course: telmoacademy.com/p/shopping-cart-payments ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course 2018: bit.ly/2Ci2Fzk *Modern JavaScript From The Beginning: bit.ly/2Br13BM *JavaScript: Understanding the Weird Parts: bit.ly/2Epdgu2 *React 16.6 - The Complet...
JavaScript Shopping Cart Tutorial with Payments - Part 1
Просмотров 23 тыс.3 года назад
In this project we are going to add card payments with stripe and send invoice emails to the customers ★☆★ Project files: gumroad.com/l/bBMET ★☆★ Full Course: telmoacademy.com/p/shopping-cart-payments ★☆★ 20% Discount: JS20 ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course 2018: bit.ly/2Ci2Fzk *Modern Java...
Git & GitHub - How to use
Просмотров 7373 года назад
★☆★ My Courses: telmoacademy.com/ ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi Time stamps: 00:00 - Intro 02:16 - Initialising Git 03:08 - Configure user name and email 04:53 - Initialising Git Repository 07:08 - Adding files to staging area 09:21 - Create a commit 10:22 - View all commits 11:05 - Push code to Github 14:01 - View file differences 15:...
React Typescript Tutorial - Todo list project - Part 6
Просмотров 7183 года назад
Project files: gum.co/JyUlb ★☆★ My Courses: telmoacademy.com/ ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course 2018: bit.ly/2Ci2Fzk *Modern JavaScript From The Beginning: bit.ly/2Br13BM *JavaScript: Understanding the Weird Parts: bit.ly/2Epdgu2 *React 16.6 - The Complete Guide (incl. React Router & Redux)...
React Typescript Tutorial - Todo list project - Part 5
Просмотров 5153 года назад
Project files: gum.co/JyUlb ★☆★ My Courses: telmoacademy.com/ ★☆★ Treehouse Discount Code: bit.ly/2FtkrPL ★☆★ SkillShare 2 Months FREE : skl.sh/2Q2LsTi ★☆★UDEMY COURSES: *The Complete JavaScript Course 2018: bit.ly/2Ci2Fzk *Modern JavaScript From The Beginning: bit.ly/2Br13BM *JavaScript: Understanding the Weird Parts: bit.ly/2Epdgu2 *React 16.6 - The Complete Guide (incl. React Router & Redux)...
React Typescript Tutorial - Todo list project - Part 4
Просмотров 5313 года назад
React Typescript Tutorial - Todo list project - Part 4
React Typescript Tutorial - Todo list project - Part 3
Просмотров 7873 года назад
React Typescript Tutorial - Todo list project - Part 3
React Typescript Tutorial - Todo list project - Part 2
Просмотров 1,2 тыс.3 года назад
React Typescript Tutorial - Todo list project - Part 2
React Typescript Tutorial - Todo list project - Part 1
Просмотров 2,9 тыс.3 года назад
React Typescript Tutorial - Todo list project - Part 1
Styling React Components with CSS Modules
Просмотров 100 тыс.3 года назад
Styling React Components with CSS Modules
What I learned after 5 years Software Developer
Просмотров 9103 года назад
What I learned after 5 years Software Developer
Why everyone learns to code! But you Fail
Просмотров 8383 года назад
Why everyone learns to code! But you Fail
What's the difference between Junior Mid Senior developer
Просмотров 2 тыс.3 года назад
What's the difference between Junior Mid Senior developer
MERN Stack Project - React Node MongoDB Part 3
Просмотров 3,2 тыс.3 года назад
MERN Stack Project - React Node MongoDB Part 3
MERN Stack Project - React Node MongoDB Part 2
Просмотров 2,5 тыс.4 года назад
MERN Stack Project - React Node MongoDB Part 2
MERN Stack Project - React Node MongoDB Part 1
Просмотров 6 тыс.4 года назад
MERN Stack Project - React Node MongoDB Part 1
How to Deploy a Decentralized React App on IPFS with GitHub and Fleek
Просмотров 6 тыс.4 года назад
How to Deploy a Decentralized React App on IPFS with GitHub and Fleek
Thankyou for this man @Telmo Sampaio
If you're running on mac a couple things: port 5000 is used by control center, use 5001 you may run into cors issue, so npm install cors on your server, and add `const cors = require('cors');` to your imports and `app.use(cors());` before you declare any routes
Does anyone know what VS Code theme he is using?
I think I'm using the "cobalt2" theme
@@Telmosampaio Wow thanks for the quick reply! Just applied the theme, its definitely the same one. Also thanks for these vids, much better explanation than WDS or other youtubers.
This is looks like Jugaad
Error:ER_ NOT_SUPPORT_AUTH_MODE error is coming while running what should I do to resolve this
Very nice and clear tutorial. Just a little question: which is, exactly the Emmet plug-in you talk about?
thanks men!
i cannot use hbs on my project rip
Web authenticator login registration logout Admin User admin to user Transfer balance Backup websites or MySQL database 🎉🎉🎉🎉🎉🎉 Videos request
#topVideos #share #morevideos
Can somebody help me with this error. Error [ERR_HTTP_HEADERS_SENT]
thank you so much
Hello, I'm trying to make a portfolio using a template. Locally, I have my portfolio appearing, but when I try to transfer it to Github, I only see the readme, any help?
40:02
20:37
Obrigado por compartilhar. Fique bem.
I have no word to thank you for guiding me through this series
I like your style, smooth and simple, keep going.
where did you get your login form from? Did you make it yourself? If not, what ui framework did you take it from?
thank u, I was so frustrated and this video helped a lot
i wanna the 7th lesson
how to use env file in your workflows when module build
Thank you so much brother
I got tihs error at last step Creating an optimized production build... The build failed because the process exited too early. This probably means the system ran out of memory or someone called `kill -9` on the process. Error: The operation was canceled. Would you please help me.
Can't i use mysql workbench instead of xampp?? Can i do the same process with mysql workbench?? Plz i really need an answer...
In module.css file can we create more than one class or Id in the file??
if you use Mac OS and the MySQL Client for Mac: You have to use this querrie, becouse node.js need this protocol: mysql_native_password: ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'password'; FLUSH PRIVILEGES; use your Password for ‚password‘ Thank for the great work =)
Sei que não é o foco, mas pra economizar o consumo do banco chequem se as senhas conferem antes de verificar se o email existe, ou melhor, antes de realizar o POST pro backend, as paginas dinâmicas modernas costumam dar esse feedback enquanto está digitando porque é útil até em questão de usabilidade.
De qualquer forma, não confiem em validação no lado cliente, só para coisas muito básicas como essa, e as vezes é importante até ser redundante, é bom, e.g., um usuário comum saber enquanto digita que ele não pode inserir caracteres indesejados, mas usuários mais espertos podem inserir de outra forma, lugar de lógica é no backend.
Bro put the final bit behind a paywall 💀
Can you add css styles inside of the script tag in react application?
please where is the 7 part?? it can be help please
Dear future viewer, If, like me, you reached the end of this playlist expecting to see part 7: tough luck. At no point during the series were we told that this last part is only available to those who buy the course from Telmo's website. That's a shame, but as monthly access to Telmo's entire library of content is only $9.99 p/m, I'd suggest you head on over and just cough up what you have arguably already consumed in the form of value from this video series. 🤷♂️ I hope that clarifies your confusion and averts any disappointment. Guy's gotta make a living somehow, I guess! 😅
what happened wit part 7? please help to find it !
I’m just 6 minutes into this video and your JavaScript makes so much sense! Other people make it seem over complicated. Thank you!
I was having trouble getting this to work so I enlisted ChatGPT for a little help. Port 80 was blocked for me so I had to configure Apache to use a different port (I chose 8080 per ChatGPT's recommendation). This had to be configured in the 'httpd.conf' file which can be quickly accessed in the XAMPP Control Panel by clicking the 'config' button next to Apache under the Actions column. I then had to find all instances of '80' and change them to '8080' (there were only 2). I then saved the file and was able to access the project! The only other thing that I had to do which was different from your tutorial was instead of just typing localhost/(project folder), I had to type localhost:8080/(project folder). Just wanted to pass this along in case anyone else was struggling as well!
thank you so much brother, i really feel comfortable after this tutorial, but i think there is also a video excluded, i think its about jwt, so please brother if you have it could u share it again, and if you dont done it yet please give us some minutes of your time and explain itand we will pray for you.❤❤
Tankyou bro for this tutorial
Sir please help me ,,,i need job ,,i am indian
It worked perfectly for me friend, I uploaded my app (backend in Nodejs) and just like your steps work perfectly. Now I have a question if you could help me... I have my front end in firebase and my backend I will have in digitalocean, how could I connect with a domain and subdomains both so that they work? Thanks in advance for your advice.
fluent pronounciation❤🔥❤🔥
Thanks for making a half tutorial...
Cool~ so the runner on server is to automatically detect any local push to master branch then server will git pull and run the cicd?
good by where is the last video mn
Thanks lokk from Pakistan
you solved my problem. was stuck with this for couple of hours. thank you bro.
Hi! The message for the passwords do not match doesn work for me, any help?
Thank you so much for the awesome explanation. 20 video before someone made real sense
Hey Telmo this practice realy helpful. Especially for beginners like me I have a questions what is the difference between build CI/CD with docker and without I watched several videos before watching your's. Those are a little bit misunderstable but yours easy to understand can you make video with Docker like this one.
where is 7th part?????
Prefect. Chatgpt failed to give me this option. Amazing for no css conflict