Coding With Rob
Coding With Rob
  • Видео 16
  • Просмотров 115 266
The Odin Project, a Walkthrough of Tic Tac Toe
Hey Everyone! I'm back!
github.com/codingWithRobz/tictactoe
I also created a discord server: Join here if you wanna join the community or reach out to me!
discord.gg/e88jwtRq7t
In this video, we will be tackling another Odin Project assignment. We will be creating our a game of Tic Tac toe! We can play locally against other humans, an easy AI, or an impossible to beat ai. We'll use the minimax algorithm to accomplish that. We also use some cool css techniques to make the game look amazing.
Просмотров: 4 443

Видео

The Odin Project, a Walkthrough of the Library App
Просмотров 7 тыс.2 года назад
I created a discord server: Join here if you wanna join the community or reach out to me! discord.gg/e88jwtRq7t github.com/codingWithRobz/library Here's the github to the admin page, I'll be cloning this repo to base this app on: github.com/codingWithRobz/admin-page In this video, we will be tackling another Odin Project assignment. We will be creating our own Library App. This will track our b...
The Odin Project, a Walkthrough of the Admin Dashboard
Просмотров 3,8 тыс.2 года назад
I created a discord server: Join here if you wanna join the community or reach out to me! discord.gg/e88jwtRq7t github.com/codingWithRobz/admin-page In this video, we will be tackling another Odin Project assignment. We will be creating our own Responsive Admin Dashboard. We will use a ton of awesome css and html tricks, so we will be learning plenty of methods here. We won't use Javascript at ...
The Odin Project, Creating a Sign Up form with Validation. HTML, CSS, and Javascript
Просмотров 3,6 тыс.2 года назад
I created a discord server: Join here if you wanna join the community or reach out to me! discord.gg/e88jwtRq7t Github repo: github.com/codingWithRobz/form In this video, we will be tackling another Odin Project assignment. We will create a sign up form with HTML, CSS, and Javascript. We will also be adding in some basic validation. Regex for phone number: /(?:(?:\ ?1\s*(?:[.-]\s*)?)?(?:(\s*([2...
Review of the Odin Project Foundations - Best Way to become a Web Dev
Просмотров 10 тыс.2 года назад
I created a discord server: Join here if you wanna join the community or reach out to me! discord.gg/e88jwtRq7t In this video, I will go over the Foundations section of the Odin Project. The Odin Project is a free and open source web dev/ software dev bootcamp that takes you from 0 programming experience to becoming a full stack web dev. It also teaches you how to get a job after you complete i...
The Odin Project, Creating a Calculator with Javascript and Tailwind CSS
Просмотров 9 тыс.2 года назад
I created a discord server: Join here if you wanna join the community or reach out to me! discord.gg/e88jwtRq7t Github repo: github.com/codingWithRobz/calculator In this video, we will be tackling a Odin Project assignment. We will create a functioning calculator with Javascript. We will also be using a CSS Framework, Tailwind, to make our project look nice. The calculator can be used by pressi...
The Odin Project, Javascript Fundamentals Part 4. Jest and Tests
Просмотров 5 тыс.2 года назад
In this video, we will be tackling a Odin Project assignment. We will be using NPM to set up Jest. This will allow us to test our functions to make sure they are behaving how we want to. We will be doing Part 4 of the Javascript basics section of the Foundations course in the Odin Project.
The Odin Project, a Walkthrough of Etch a Sketch
Просмотров 23 тыс.2 года назад
I created a discord server: Join here if you wanna join the community or reach out to me! discord.gg/e88jwtRq7t github.com/codingWithRobz/etchASketch In this video, we will be tackling another Odin Project assignment. We will be creating our own etch a sketch app, or in other words, a sketchpad of sorts. We won't use a ton of css or html, so we will be learning plenty of javascript methods here...
The Odin Project. Revisiting our Rock Paper Scissors Project Part 2
Просмотров 4,9 тыс.2 года назад
Github repo: github.com/codingWithRobz/rpsUI In this video, part 2, we will be reworking our Javascript to allow us to manipulate the DOM elements that we created in part 1. We will then add some CSS to make our project look significantly better. Let me know in the comments how fun this project was for you!
The Odin Project. Revisiting our Rock Paper Scissors Project
Просмотров 6 тыс.2 года назад
Github repo: github.com/codingWithRobz/rpsUI In this video we will return to our Rock Paper Scissors Project and will add a responsive UI to enhance the experience. We will have to refactor our code to fit our new UI, so we will be learning some HTML, CSS, and more Javascript skills.
A Walkthrough of the Odin Project. Part 2 of Rock Paper Scissors
Просмотров 12 тыс.2 года назад
I created a discord server: Join here if you wanna join the community or reach out to me! discord.gg/e88jwtRq7t Github Repo: github.com/codingWithRobz/Rock-Paper-Scissors In this project, we will be making a Rock Paper Scissors game. The html and styles will be barebone, as we will be using javascript to play this in the console. In part 1, we will be structuring the javascript and creating som...
A Walkthrough of the Odin Project. Part 1 of Rock Paper Scissors
Просмотров 12 тыс.2 года назад
I created a discord server: Join here if you wanna join the community or reach out to me! discord.gg/e88jwtRq7t Github Repo: github.com/codingWithRobz/Rock-Paper-Scissors In this project, we will be making a Rock Paper Scissors game. The html and styles will be barebone, as we will be using javascript to play this in the console. In part 1, we will be structuring the javascript and creating som...
Wrapping up our Landing Page! The Odin Project
Просмотров 9372 года назад
Here's the link to part 1 if you didn't watch it yet - ruclips.net/video/9t7SuenTpAk/видео.html github.com/codingWithRobz/LandingPage In this project, we will be creating a responsive personal landing page. In part 1, we structured the HTML. In part 2, we implemented some cool css techniques to allow our page to be flexible and stylish. In this video, we will be wrapping up our html and css ele...
How to use Flexbox and CSS to make our site MODERN and RESPONSIVE. Part 2 of Landing page odin proj.
Просмотров 2,2 тыс.2 года назад
Here's the link to part 1 if you didn't watch it yet - ruclips.net/video/9t7SuenTpAk/видео.html github.com/codingWithRobz/LandingPage In this project, we will be creating a responsive personal landing page. In part 1, we structured the HTML. In this video, part 2, we will implement some cool css techniques to allow our page to be flexible and stylish. We will also be using plenty of flexbox and...
Odin Project#2. A RESPONSIVE Personal Landing page. Part 1 of the Landing Page Project
Просмотров 4,1 тыс.2 года назад
github.com/codingWithRobz/LandingPage In this project, we will be creating a responsive personal landing page. In part 1, we will be structuring the HTML. In part 2, we will be implementing some cool css techniques to allow our page to be flexible and stylish. We will also be using plenty of flexbox and html classes. Hopefully you can follow along and make a cool website!
The Odin Project. A walkthrough of the recipes project.
Просмотров 8 тыс.2 года назад
The Odin Project. A walkthrough of the recipes project.

Комментарии

  • @jacksonboss8688
    @jacksonboss8688 20 дней назад

    Only making 16 vids and having 1000+ subs is pretty impressive. You coming back man?

  • @Butteredmage
    @Butteredmage 27 дней назад

    Hello, the svg icons from the materialdesign website are incredibly large when I display them on my HTML. I have dragged them into the project folder just as you have done. Is it just me or does anyone else have this issue?

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

    ah I found the use of images threw me off. I am not willing to risk a virus so I kind of got lost there as I am following what The Odin Project wants me to do but neat to see your code for sure :)

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

    Not working bro 😢

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

    Thank you! this tutorial helped me a lot.

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

    Thank you so much for this video series. You made the rock paper scissors game very easy to follow especially for a beginner.

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

    I have no clue how the solution you did for repeatString actually worked no where was a loop or any of the "hey"/ "hello" which is confusing me. I'm trying to work through the exercises atm.

  • @Masri-it
    @Masri-it 4 месяца назад

    Thanks a lot for your helpful tutorial !

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

    Hello! I just got to this section on The Odin Project, and I feel like I have not learned a lot of the different ways you have completed this project. Is that typical or should I know all the syntax used here from just The Odin Project material up to this point?

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

    Don't the instructions state not to use display: grid?

  • @and6sdf
    @and6sdf 6 месяцев назад

    <!-- Thanks for Sharing. Great video with detail -->

  • @EmilianEKAMA
    @EmilianEKAMA 7 месяцев назад

    The video is very blur, I can’t see a thing

  • @p.rusinov8732
    @p.rusinov8732 8 месяцев назад

    Thank you for this tutorial! I have a strange problem, at 8:31 when i type in 5000 squares in set size , to test if the console.log else statement will work, my page stops responding and it crashes, anyone have an idea how to fix this and what could be the reason?

  • @AAron-h3x
    @AAron-h3x 8 месяцев назад

    Thanks for this video. I was having a difficult time linking the pages. I wasn't using terminal/bash properly but by using the touch command I was able to create the file.

  • @NOSTI2ADAMUS
    @NOSTI2ADAMUS 8 месяцев назад

    Thank you so much! I was so confused. I thought I had to fix the code from the terminal itself, that confused me for some reason. Your video helped though!

  • @mattie0965
    @mattie0965 9 месяцев назад

    Thank you so so much for making these videos. I felt myself becoming overwhelmed and falling into a pitfall when I came to this project. I would just stare and the code not knowing what to do. This video has helped to keep moving forward with my coding. Again thank you so much, the way you go through the project and explain everything you are doing has really made me understand the project better and has helped me learn a few cool tricks I didn't know you could do :D

  • @Muthua6
    @Muthua6 10 месяцев назад

    Hey Rob am doing the odin project using windows and l have a problem at the svg part, tried downloading them several times but its a major problem because they come like .html window files and after attaching them they cannot be viewed after running the code, any solutions in mind?

  • @pedalforadventure
    @pedalforadventure 11 месяцев назад

    I noticed in the README it says to use a loop, and the solution they provide has the following code: const repeatString = function (word, times) { if (times < 0) return "ERROR"; let string = ""; for (let i = 0; i < times; i++) { string += word; } return string; }; Your solution seems a lot simpler. Do you know why they would suggest using a loop here and if there are any advantages?

    • @reuven2010
      @reuven2010 8 месяцев назад

      just to teach you about loops

  • @snoopy_poopy69
    @snoopy_poopy69 11 месяцев назад

    Continue on with the series! Please!

  • @blu3tan
    @blu3tan 11 месяцев назад

    Very helpful, clear explanation of all the code. Thanks man

  • @morayomorayo6691
    @morayomorayo6691 11 месяцев назад

    Pls I’m having this error in my console. Uncaught DOMException: failed to execute ‘add’ on ‘DOMTokenList’: The token provided must not be empty Pls someone help me out

  • @Liz-ru8nu
    @Liz-ru8nu Год назад

    this video helped me not rage quit the odin project lol <3 thanks

  • @emilemoses3209
    @emilemoses3209 Год назад

    Hey Rob, Thanks so much for your videos. They are so explanatory and really helps when I get stuck...or dont know how to start..I love it how you throw in those extra titbits of hacks in there like the shortcuts for elements! Thanks again man.👍

  • @BenCMAA
    @BenCMAA Год назад

    Not sure if you still monitor this Rob, but I am having some frustrating issues and due to being fairly new to this I am struggling greatly. I was following along and everything you were saying makes sense, I feel it is all helpful and clearly shown. Whatever I do I am unable to get the tally to fill at the end of each round. Whatever I do it shows: Results: RPS.js:75 Player Wins: 0 RPS.js:76 Computer Wins; 0 RPS.js:77 Ties: 0 I looked through your code on Github and could not see where I was going wrong and was banging my head off a wall trying to figure it out. In the end I tried copy and pasting your code into my editor and it still shows as above. Could I have an issue with the way chrome is displaying old information?

  • @cdr6174
    @cdr6174 Год назад

    Hello, what`s your vs code theme and font?

  • @blackgrizzly4987
    @blackgrizzly4987 Год назад

    Why have you created two css files? addstyles.css and styles.css.

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

      the addstyles is a js file, where he is adding the classes which will style the element cause in tailwind CSS you can just add class to an element to style it, he is doing this to keep the HTML clean as it was getting pretty lengthy.

  • @blackgrizzly4987
    @blackgrizzly4987 Год назад

    Cool content! Thx so much! Recommendation for improvement: Please don't start out with inline css in html and then switch it up - it's very confusing for beginners. Better to stick to one method. Styling everything in the *.css file is way clearer than doing inline styling in html and is generally considered the better practice. Of course nobody will force anyone to do it a certain way but it's just the way it is.

  • @nanoberzerk
    @nanoberzerk Год назад

    Thanks! Heh, everyone make it with grid, but in project assignment says that we can make it with that we already learn! They mean with flexbox and loops. Grids will be in next section

  • @BernardoGuerreiro-d8m
    @BernardoGuerreiro-d8m Год назад

    Great video, I can see the parts where its speed up, you are speaking, i would like to ear everything you were saying. Thank you.

  • @sabuein
    @sabuein Год назад

    Thank you.

  • @naugustus939
    @naugustus939 Год назад

    How do you make the 'Set Size' button fire the input value? its not doing anything for me. i have to press enter to trigger the input and also my original value of '16' does nothing, i have to retype the values before i can draw

  • @KRATOSDADA
    @KRATOSDADA Год назад

    Thank you so much for this! It helps a lot

  • @stevenpeschke5305
    @stevenpeschke5305 Год назад

    im quite sad you skipped the part where you actually add your solution- For the love of god i can't do exactly that :D

  • @user-uh1dw7is5y
    @user-uh1dw7is5y Год назад

    Thanks a lot for your awesome walkthrough! It is very helpful

  • @DogginsFroggins
    @DogginsFroggins Год назад

    Wow this was super helpful, honestly doing this piecemeal would take forever, the difficulty jump feels kinda unfair but that is programming for you. Thanks brother.

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

      It's just the odin project which is terrible as it wastes your time making you read and reread the same info while skipping important stuff.

  • @dennisjohnston7967
    @dennisjohnston7967 Год назад

    Hi guys. I submitted my solution but images dont show on my live preview link from github. What am I doing wrong ?

  • @Shhehwhsi24
    @Shhehwhsi24 Год назад

    who else feels so dumb for staring at the screen for hours not knowing what to do? i feel like i have some sort of learning disability because i can't think logically , maybe i have a low IQ i don't know. all i know is that everything is so bloody difficult for me to understand and apply.

    • @CoderFlik
      @CoderFlik Год назад

      you're not alone. This is the most difficult project I've worked on so far. One of the things that helped me was applying 'decomposition'. Breaking down your current problem to the smallest one you can in a form of a question.

    • @dieal6388
      @dieal6388 Год назад

      Keep practicing, trust me. You don't have a low IQ, you need to build problem solving skills. Programming is hard and it's not just about learning a programming language or a tool, it's something more. I struggled with this project too at first, but even though it wasn't perfect I kept going with the course. So, try as hard as you can (obv without exaggerating), practice what you've learned by doing some exercises and when you feel the project is somehow finished, move on: your goal is not to make a perfect project, but just to learn. You can come back to it later and make it better

  • @jackdewipper187
    @jackdewipper187 Год назад

    It is a good video to get inspiration for finishing the project. But some of your techniques are not taught us yet by TOP. It would be better if you did the video with only using concepts we have learned. Now people still end up coding along. e.g. the while / for loops are covered later in the course after this project. I saw people solving this project with only if / else statements. That is actually good because that is what only has been taught until this project. By the way Discord link is not working?

  • @torealdemir6822
    @torealdemir6822 Год назад

    hey man can u share ur discord link again great work btw!!

  • @floatingfortress721
    @floatingfortress721 Год назад

    Thanks Rob I was able to follow along with the video 🙂

  • @giorgixyz1909
    @giorgixyz1909 Год назад

    This is very helpful big thanks!

  • @floatingfortress721
    @floatingfortress721 Год назад

    Hey Rob, thanks for the solution walkthrough. I was able to follow along and learned a ton.

  • @ShimmerBodyCream
    @ShimmerBodyCream Год назад

    Thank you for your solution Rob. I subscribed.

  • @scottldn
    @scottldn Год назад

    Thanks for this. I was abit unsure of the install process as I ran the fix command which seems to cause me issues when running the test, then saw in your video that you didnt do that and realised my mistake, cheers

  • @Almostfamousdt
    @Almostfamousdt Год назад

    the goat, thanks for making these man

  • @l.kennethwells2138
    @l.kennethwells2138 Год назад

    Thank you so much for this video Rob. I really appreciate it and will watch all of your vids relating to this project .

  • @mead93
    @mead93 Год назад

    hey rob, it would be really helpful if you made a video of yourself sketching out the logic before you start coding. Thanks for the videos!

  • @pepearturo1766
    @pepearturo1766 Год назад

    Hi Rob thanks so much for all the help, you are by far the best channel I know of that explains these projects. I hope you continue doing well, your content is great. Cheers dude

  • @neilhess2518
    @neilhess2518 Год назад

    Thank you so much!!! I had NO idea what to do when I got to number two. After seeing you do this, I understand now that it is basically utilizing npm as a way to verify that the code you write will meet all of the expectations. For whatever reason that didn't click with me at first.

  • @jethrocenas3120
    @jethrocenas3120 Год назад

    Thanks man been following your tutorials.