Telmo Sampaio
Telmo Sampaio
  • Видео 277
  • Просмотров 3 213 870
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: ...
Просмотров: 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
React Drag and Drop components
Просмотров 10 тыс.3 года назад
React Drag and Drop components
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
Do I need a certificate to get a job
Просмотров 5293 года назад
Do I need a certificate to get a job
Why everyone learns to code! But you Fail
Просмотров 8383 года назад
Why everyone learns to code! But you Fail
JavaScript This Keyword explained
Просмотров 7773 года назад
JavaScript This Keyword explained
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

Комментарии

  • @miraasif3419
    @miraasif3419 Час назад

    Thankyou for this man @Telmo Sampaio

  • @parkerrex
    @parkerrex День назад

    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

  • @cadeheinberg3047
    @cadeheinberg3047 8 дней назад

    Does anyone know what VS Code theme he is using?

    • @Telmosampaio
      @Telmosampaio 8 дней назад

      I think I'm using the "cobalt2" theme

    • @cadeheinberg3047
      @cadeheinberg3047 8 дней назад

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

  • @monireol
    @monireol 15 дней назад

    This is looks like Jugaad

  • @User-o6z7f
    @User-o6z7f 21 день назад

    Error:ER_ NOT_SUPPORT_AUTH_MODE error is coming while running what should I do to resolve this

  • @lonewolf6698
    @lonewolf6698 29 дней назад

    Very nice and clear tutorial. Just a little question: which is, exactly the Emmet plug-in you talk about?

  • @alanprogressive
    @alanprogressive Месяц назад

    thanks men!

  • @gachecem_yt
    @gachecem_yt Месяц назад

    i cannot use hbs on my project rip

  • @manjilunnobi
    @manjilunnobi Месяц назад

    Web authenticator login registration logout Admin User admin to user Transfer balance Backup websites or MySQL database 🎉🎉🎉🎉🎉🎉 Videos request

  • @manjilunnobi
    @manjilunnobi Месяц назад

    #topVideos #share #morevideos

  • @maedelfin4939
    @maedelfin4939 2 месяца назад

    Can somebody help me with this error. Error [ERR_HTTP_HEADERS_SENT]

  • @danushadhaamarasekera7215
    @danushadhaamarasekera7215 2 месяца назад

    thank you so much

  • @alyssaderensy
    @alyssaderensy 2 месяца назад

    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?

  • @I_hu85ghjo
    @I_hu85ghjo 2 месяца назад

    40:02

  • @I_hu85ghjo
    @I_hu85ghjo 2 месяца назад

    20:37

  • @jonasbarbosa4410
    @jonasbarbosa4410 2 месяца назад

    Obrigado por compartilhar. Fique bem.

  • @KV_AlwarArun_Singh
    @KV_AlwarArun_Singh 2 месяца назад

    I have no word to thank you for guiding me through this series

  • @user-mv6if5fn7f
    @user-mv6if5fn7f 3 месяца назад

    I like your style, smooth and simple, keep going.

  • @jeffrey5718
    @jeffrey5718 3 месяца назад

    where did you get your login form from? Did you make it yourself? If not, what ui framework did you take it from?

  • @user-gy6pm2zb3y
    @user-gy6pm2zb3y 3 месяца назад

    thank u, I was so frustrated and this video helped a lot

  • @DolceTenza
    @DolceTenza 3 месяца назад

    i wanna the 7th lesson

  • @aungkyawkhaing1129
    @aungkyawkhaing1129 3 месяца назад

    how to use env file in your workflows when module build

  • @danushadhaamarasekera7215
    @danushadhaamarasekera7215 3 месяца назад

    Thank you so much brother

  • @hirentank9447
    @hirentank9447 3 месяца назад

    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.

  • @buddhiniwatagala2878
    @buddhiniwatagala2878 3 месяца назад

    Can't i use mysql workbench instead of xampp?? Can i do the same process with mysql workbench?? Plz i really need an answer...

  • @arshadahamed988
    @arshadahamed988 3 месяца назад

    In module.css file can we create more than one class or Id in the file??

  • @ILuvThe13ible
    @ILuvThe13ible 3 месяца назад

    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 =)

  • @jrmsrs
    @jrmsrs 3 месяца назад

    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.

    • @jrmsrs
      @jrmsrs 3 месяца назад

      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.

  • @SonniTheDog
    @SonniTheDog 3 месяца назад

    Bro put the final bit behind a paywall 💀

  • @heikkiladau6872
    @heikkiladau6872 3 месяца назад

    Can you add css styles inside of the script tag in react application?

  • @shadow_hack8667
    @shadow_hack8667 4 месяца назад

    please where is the 7 part?? it can be help please

  • @thewavyblue
    @thewavyblue 4 месяца назад

    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! 😅

  • @ILuvThe13ible
    @ILuvThe13ible 4 месяца назад

    what happened wit part 7? please help to find it !

  • @jtc9098
    @jtc9098 4 месяца назад

    I’m just 6 minutes into this video and your JavaScript makes so much sense! Other people make it seem over complicated. Thank you!

  • @bentheremedia3011
    @bentheremedia3011 4 месяца назад

    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!

  • @khalidsleiman231
    @khalidsleiman231 4 месяца назад

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

  • @coding_stuff_uz
    @coding_stuff_uz 4 месяца назад

    Tankyou bro for this tutorial

  • @lucifer6173
    @lucifer6173 4 месяца назад

    Sir please help me ,,,i need job ,,i am indian

  • @rubensemprun-rg6dj
    @rubensemprun-rg6dj 4 месяца назад

    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.

  • @tdm2146
    @tdm2146 4 месяца назад

    fluent pronounciation❤‍🔥❤‍🔥

  • @nicko9958
    @nicko9958 4 месяца назад

    Thanks for making a half tutorial...

  • @havefun5519
    @havefun5519 4 месяца назад

    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?

  • @uwihanganyeobed9446
    @uwihanganyeobed9446 4 месяца назад

    good by where is the last video mn

  • @mshahid5122arid
    @mshahid5122arid 4 месяца назад

    Thanks lokk from Pakistan

  • @lingolearner27
    @lingolearner27 5 месяцев назад

    you solved my problem. was stuck with this for couple of hours. thank you bro.

  • @dinu6616
    @dinu6616 5 месяцев назад

    Hi! The message for the passwords do not match doesn work for me, any help?

  • @kaseycarr9130
    @kaseycarr9130 5 месяцев назад

    Thank you so much for the awesome explanation. 20 video before someone made real sense

  • @ramazonpardayev251
    @ramazonpardayev251 5 месяцев назад

    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.

  • @user-kf8hh4mr6g
    @user-kf8hh4mr6g 5 месяцев назад

    where is 7th part?????

  • @user-qi9hk4cz4v
    @user-qi9hk4cz4v 5 месяцев назад

    Prefect. Chatgpt failed to give me this option. Amazing for no css conflict