- Видео 16
- Просмотров 115 266
Coding With Rob
Добавлен 11 янв 2022
I'm a full stack developer. I, like most programmers, turn to google and tutorials in order to learn new topics. Ive been inspired by other developers to help teach others how to write code.
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.
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.
Only making 16 vids and having 1000+ subs is pretty impressive. You coming back man?
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?
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 :)
Not working bro 😢
Thank you! this tutorial helped me a lot.
Thank you so much for this video series. You made the rock paper scissors game very easy to follow especially for a beginner.
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.
Thanks a lot for your helpful tutorial !
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?
Don't the instructions state not to use display: grid?
<!-- Thanks for Sharing. Great video with detail -->
The video is very blur, I can’t see a thing
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?
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.
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!
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
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?
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?
just to teach you about loops
Continue on with the series! Please!
Very helpful, clear explanation of all the code. Thanks man
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
this video helped me not rage quit the odin project lol <3 thanks
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.👍
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?
Hello, what`s your vs code theme and font?
Why have you created two css files? addstyles.css and styles.css.
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.
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.
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
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.
Thank you.
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
Thank you so much for this! It helps a lot
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
Thanks a lot for your awesome walkthrough! It is very helpful
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.
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.
Hi guys. I submitted my solution but images dont show on my live preview link from github. What am I doing wrong ?
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.
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.
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
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?
hey man can u share ur discord link again great work btw!!
Thanks Rob I was able to follow along with the video 🙂
This is very helpful big thanks!
Hey Rob, thanks for the solution walkthrough. I was able to follow along and learned a ton.
Thank you for your solution Rob. I subscribed.
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
the goat, thanks for making these man
Thank you so much for this video Rob. I really appreciate it and will watch all of your vids relating to this project .
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!
He does at 17:30
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
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.
Thanks man been following your tutorials.