with suggestions if user clicked on other elements (not suggestions or input)? I tried to use onBlur, but it works incorrect.\n"},{"text":"Nice tutorial! Thanks :)\n"},{"text":"Thanks! Very nice video. Can I get the Code download link?\n"},{"text":"Many thanks sir.... :))\n"},{"text":"Although, I have not watched complete video but I liked that its just 45 mins long.\n"},{"text":"that is really great!\n"},{"text":"My App.js file is pretty different from the one shown in the video. Is this because of the updated version of the React? \n"},{"text":"\n"},{"text":"I am a beginner and I am totally lost. Can someone point me in the right direction?\n"},{"text":"Help needed urgently.\n"},{"text":"I am getting error TypeError: Cannot read property 'sort' of undefined\n"},{"text":"\n"},{"text":"AutoCompleteText.onTextChanged\n"},{"text":"\n"},{"text":" 14 | let suggestions = [];\n"},{"text":"Thank you!!!!!!!!!!!!\n"},{"text":"how to create own bootstrap library ...?\n"},{"text":"Please Make A Video..!\n"},{"text":"dude u have to post the code somewhere..\n"},{"text":"Its very useful but please clarify my doubt you are using ul and li so that how can we select the options by using downshift key up and key down. Can you please explain??????\n"},{"text":"Is the code available publicly?\n"},{"text":"I liked the content, but I question the decision to not modularize your files. Seeing js and css files in the same directory triggers me.\n"},{"text":"send your code my mail\n"},{"text":"Have not watched the full video yet. But that light theme tho 😂\n"},{"text":"Where the problem does not show Thes items name in AutoComplete \n"},{"text":"import React from 'react';\n"},{"text":"why not do\n"},{"text":"\n"},{"text":"this.setState({\n"},{"text":" text: 'this way'\n"},{"text":"I'm beginner on React. Could someone explain me , why he is not using event binding on the functions? And in which cases related to the exercises it'll be fine use event binding?\n"},{"text":"the search bar is not getting bigger.\n"},{"text":"I understand how this works, but mostly when you do this you are using a backend api, and you may only want 7 results to come back at a time. For instance if it was google there may be thousands of items in your array. So how could we modify this to send to a backend api and get back only like 7 results. Obviously you would have to send extra information into the class like the url and such. Would it be easy to change it so that is possible. I am going to have a go myself, and let you know how I get on.\n"},{"text":"I hope you guys like the video! If you have questions, please go ahead and send me message or visit my channel. Thank you freeCodeCamp! :)\n"},{"text":"amazing t-shirt\n"},{"text":"simple and straight to good content.. thanks =)\n"},{"text":"HIGH QUALITY CONTENT! Very clear, clean and straight to the point. Love it!\n"},{"text":"Thank you for sharing knowledge in a EASY way to understand.\n"},{"text":"Subscribed :D\n"},{"text":"this tutorial was so helpful, thank you very much\n"},{"text":"Thanks for this video, been using npm without really understand it\n"},{"text":"Make a video on algorithms\n"},{"text":"Great stuff, thanks for the brief intro!\n"},{"text":"Thank you for your work. It is very informative and easy to understand.\n"},{"text":"At the time I was watching there were only 2 comments.\n"},{"text":"yes as a beginner we need simple with nice example as this one provide us..Thank you.\n"},{"text":"Nice tutorial for beginners but next time please make a tutorial with ES6 ! :D anyway huge thanks for the vídeo\n"},{"text":"Thanks men with the help of you I learnt a great big thing for bigginer you doing great thing men so far😊\n"},{"text":"Straight to the point dude. Thanks for this video.\n"},{"text":"fantastic tutorial :)\n"},{"text":"I eat websites :), who noticed?\n"},{"text":"If you wonder what Software he uses to write this codes: \"Visual Studio Code\"\n"},{"text":"How to bungle automatically\n"},{"text":"I gave you a thumb up but you could have shared a word about repositories.\n"},{"text":"Genios, me salvaron\n"},{"text":"Ello\n"},{"text":"nice video!\n"},{"text":"Thanks for this video, but you should consider fixing the audio. Sounds as if you were talking with your lips touching the microphone.\n"},{"text":"Another great tutorial. Short and sweet, full of important concepts.\n"},{"text":"Important to brush up concepts that we should never forget.\n"},{"text":"Thank you !\n"},{"text":"If you move the mic away from your mouth and nose, the audio would be MUCH better. You don't need to record your breathing into your videos.\n"},{"text":"Great explanation, thanks for the video.\n"},{"text":"the best explanation ever\n"},{"text":"thanks\n"},{"text":"Thank you for this video. It seems like these tutorials will serve us newbies in cases where we're given some old code (pre ES6) to debug.\n"},{"text":"Still didint understand why there was //3 3 3 with var and // 1 2 3 with let\n"},{"text":"lt has nothing to do with scope either \n"},{"text":"just looks like a poorly made programming language\n"},{"text":"well... in this situation 'a' is accessible from everywhere and it value is equal to 1, it is not undefined like you said: {{var a = 1}} console.log(a) // a = 1\n"},{"text":"Sir, the way you explained hoisting in not correct\n"},{"text":"First 🤓\n"},{"text":"Don't call it the lexical environment in the name if it's really just \"scope\", otherwise it's hard to tell what the video is really about.\n"},{"text":"Maybe take the microphone out of your throat, thanks\n"},{"text":"I have a question, if you don't mind:\n"},{"text":"\n"},{"text":"\n"},{"text":"Considering that: Functions create Lexical Environment on their execution time(unlike on the definition step), why do I get '7' and not `10` in the console while running this example?\n"},{"text":"Very nice. Thanks.\n"},{"text":"You should never write the script tag in the head element. It is not good coding.\n"},{"text":"Thanks, freeCodeCamp.org, for sharing this with your audience! I hope it is fun and interesting for everyone. Check out https://www.devdungeon.com for more tutorials.\n"},{"text":"Those who did the \"npm install discord.js\" command and encountered an error, try opening cmd and type in \"npm init -y\" and then restart visual studio code and \"npm install discord.js\" should work\n"},{"text":"If your “client.guilds.forEach” tell you this is not a function, put “cache” before “forEach” ==> “client.guilds.cache.forEach”. Put “cache” before every yellow comand and see if it works. Ex: “client.channels.get” => “client.channels.cache.get”. I hope I’m usefull i actually cry all day trying to fix the problem. (Sorry for my english) ask me if someone needs help. I think it’s a New version or something.\n"},{"text":"It's showing an error message(Module not found) when I input, node (bot name).js\n"},{"text":"Just when I thought I was beginning to understand JS, now I see this...\n"},{"text":"...I won't give up though...\n"},{"text":"i put node(my bot name).js and it came up with Uncaught SyntaxError: Unexpected identifier\n"},{"text":"Love this.. channel..some one tell me mathematics subject career..\n"},{"text":"13:15 I get an ReferrecnceError : MessageAttachment is not defined. Any help??\n"},{"text":"Welp, after following your intructions to a tee, I am unable to get the bot online and get the message at 7:58\n"},{"text":"Finally it's explained how to make a discord bot. Thank you\n"},{"text":"The screen cannot be set to the number of lines and columns specified.\n"},{"text":"\n"},{"text":" after type npm install discord.js\n"},{"text":"Discord a great platform for any gamer!\n"},{"text":"I entered \"node my_bot.js\" it replied \"node is not recognized as an interval or external command, operable program or batch file.\" How do I fix this issue?\n"},{"text":"That was awesome. Loved it. I had my very first bot ready. Playing with documentation now for further customization.\n"},{"text":"Nice tutorial, good job.\n"},{"text":"I already started making a Discord bot with Python, but from I see and from I hear from others, the NodeJS version is easier for the development.\n"},{"text":"But I don't know which of the two is more efficient in terms of latency and resources consumption.\n"},{"text":"word for word i have and dont work\n"},{"text":"Very informative. I plan on coming back here eventually. Thank you very much for this video\n"},{"text":"When i do \"node (bot).js\" nothing happens. I've checked the code multiple times but it is identical as in the video\n"},{"text":"Thank's, very useful tutorial :)\n"},{"text":"When I did, \"npm install discord.js\" is came back with\n"},{"text":"\"Invalid version: \"npm install discord.js\"\n"},{"text":"Great Tutorial, Thanks!!!\n"},{"text":"For some reason, it says the 'receivedMessage' is not defined...\n"},{"text":"when i make the forEach loophole and i try and run in in the termanal it comes up with a really long message starting with client.guilds.forEach is not a functio pls help im loosing my mind i am 99.999% i copied the code correctly\n"},{"text":"if you dont see any response as \"Connected as bot\" and instead it takes you to the next line, save the current task and restart the visual studio and type again.. mine worked this way\n"},{"text":"I downloaded node.js but it still does not show when I write node--version in cmd\n"},{"text":"so easy with 2 monitors watching the video on one and code on the other\n"},{"text":"7:53 my program just says \n"},{"text":"\n"},{"text":"const client = new Discord.client()\n"},{"text":"\n"},{"text":" ^\n"},{"text":"When ever I try to add the bot to my server it just says \"Bot requires code Grant\" And I don't understand what it means.\n"},{"text":"And how do i turn that god damned thing off?\n"},{"text":"I want a tutorial on google wiki and translate.\n"},{"text":"love it it works!\n"},{"text":"I did everything right but node my_bot.js is not working for me. I even tried making sure to capitalize it (my file is capitalized). Can you help me?\n"},{"text":"7:58\n"},{"text":"to get a channel id without using the channel id command - right click on channel then copy id\n"},{"text":"works on on your own server\n"},{"text":"\n"},{"text":"ps, just to save time\n"},{"text":"\" 'npm' is not recognized as an internal or external command,\n"},{"text":"operable program or batch file.\"\n"},{"text":"When u run node my_bot.js and doesnt work, save the file. I think some people have autosave on\n"},{"text":"Amazing.\n"},{"text":"Hi, after i attempt to connect to the bot nothing happens. I don't get any errors, it just doesn't print anything, and the bot is still offline. I've made sure i've copied your code exactly.\n"},{"text":"Please 👏🏻 learn 👏🏻 basic 👏🏻 JS 👏🏻 before 👏🏻 you 👏🏻 start 👏🏻 discord.js 👏🏻 tutorials\n"},{"text":"I DONT UNDERSTAND ANYTHING\n"},{"text":"4:10 WHAT DO YOU MEAN? D;\n"},{"text":"Finally someone made this! Discord's tutorial they had on their site, was confusing!\n"},{"text":"I cant even get my bot online\n"},{"text":"const Discord = require('discord.js')\n"},{"text":"\n"},{"text":"const client = new Discord.Client()\n"},{"text":"'npm' is not recognized as an internal or external command,\n"},{"text":"\n"},{"text":"operable program or batch file.\n"},{"text":"after i tried everything i steel can not do what he did in 10:22 someone help me\n"},{"text":"When I do node my_bot.js my nose is yellow\n"},{"text":"Hey guys, how can I check if someone pings?\n"},{"text":"its telling me split isnt a command here is my code: let commandSplit = fullCommand.split(\"\")\n"},{"text":"Did anyone figure out how to display the current Bitcoin Chart?\n"},{"text":"when i type: \n"},{"text":"node xxxx.js\n"},{"text":" to the terminal it says: \n"},{"text":"Error: cannot find model user/xxx/(the place that i placed the archive) \n"},{"text":"Will love to see Telegram and Twitter bot in nodejs | python | js any\n"},{"text":"it says\n"},{"text":" internal/modules/cjs/loader.js:960\n"},{"text":"\n"},{"text":" throw err;\n"},{"text":"\n"},{"text":" ^\n"},{"text":"I can't see 1:cmd in the Terminal, I see only 1: powershell it is problem?\n"},{"text":"Can someone tell me what the best programming language is for making discord bots? I cant find any info on it :/\n"},{"text":"NO WAYS IT ACTUALLY WORKED\n"},{"text":"when-i-do-node--version-says\n"},{"text":"Uncaught SyntaxError: Unexpected identifier\n"},{"text":"This channel is blessing for js devs.\n"},{"text":"What is a discord bot?\n"},{"text":"u forgot npm init at first\n"},{"text":"Does anyone know price of discord?\n"},{"text":"When I try to do npm install discord.js. It won't let me.\n"},{"text":"This channel is amazing...don't know javascript but I could keep up with your tutorial keep up the good work!\n"},{"text":"'\"node\"' is not recognized as an internal or external command,\n"},{"text":"\n"},{"text":"operable program or batch file.\n"},{"text":"\n"},{"text":"'\"node\"' is not recognized as an internal or external command,\n"},{"text":"\n"},{"text":"operable program or batch file.\n"},{"text":"10:28\n"},{"text":"Love this channel man💪\n"},{"text":"Well when I used node (my bot) it didnt mention that it connected nor went online in my server\n"},{"text":"Could I make a actual chatbot... where you talk to it.. & it says things back? I have the code that I want to use... but I am wondering if it will work or not. & I need help making it happen. It deals with import js, import js field, & ect... I like the code. I just wish if it will work on discord\n"},{"text":"now its just showing me this \n"},{"text":"\n"},{"text":"TypeError: Cannot read property 'on' of undefined\n"},{"text":"\n"},{"text":" at Object.
(C:\\Users\\ronig\\OneDrive\\Desktop\\my bot\\my_bot.js:4:14)\n"},{"text":"\n"},{"text":" at Module._compile (internal/modules/cjs/loader.js:1158:30)\n"},{"text":"Hey can anyone help me please.\n"},{"text":"I want to become a web developer. There are a lot a resources and tutorials to learn the stuff but I don't know where to start. Can you please tell me what path should I follow as in what all should I learn to become a web developer? Like I know we have to learn Html, CSS and Javascript. After that what all must be learnt?\n"},{"text":"I don't quite understand making commands. I'm trying to make an \"!add\" command, using nearly the exact same coding as the multiply command, but it keeps telling me addCommand is not defined\n"},{"text":"server region is for guild voice not text\n"},{"text":"First\n"},{"text":"When people are new to programming and/or discord.js and get an error...\n"},{"text":"how to get a devloper code\n"},{"text":"i cant get my bot to send a file or an image it says Discord. Attachment is not constructor pls help\n"},{"text":"The irony xD\n"},{"text":"Bot gets invited: Klicks \"i am not a robot\"\n"},{"text":"why is choclatey so annnoying to install?!?!?!?!\n"},{"text":"I want to create a discord bot that sends people alts. So you do !alt and get an alt. Can you possibly help me? My Discord name is Wulfix # 6381\n"},{"text":"Neato burrito\n"},{"text":"the \"npm install discord.js\" commands judt comes up with a bunch of errors\n"},{"text":"I wrote a bot in python and it has some functinos. But now I wonder how I can run a loop that checks every 10 seconds for smt, while keeping all the other features available.\n"},{"text":"Thanks for watching! 🦎\n"},{"text":"Come check out more from deeplizard at:\n"},{"text":"http://youtube.com/deeplizard\n"},{"text":"http://deeplizard.com\n"},{"text":"Warning: in case if you want to jump on this, please note that the tutorial is outdated. You will need to use newer functions as some have been deprecated with the newer tensorflow 2.0. Also, remember that you might need \"cors\" . But overall, it is a great video and lot of explanation to help you out in the future.\n"},{"text":"Finally, ML for JavaScript developers! Many thanks to FCC :D\n"},{"text":"Finally, wow\n"},{"text":"Firstly, thank you very much for putting this video up! This is really helpful. \n"},{"text":"However, I'm receiving an error in predict.js when I run the tf.loadModel(.... i get an error \" TypeError: Cannot read property 'model_config' of null\"\n"},{"text":"And I noticed that after converting the hf5 data model using tensorflowjs_converter, that modelTopology key in the model.json file is blank. \n"},{"text":"I UNDERSTOOD EVERYTHING! 🙏\n"},{"text":"I am searching for this all over youtube today and here it is. thank u\n"},{"text":"Amazing! Love the TensorFlow.js! Very detail and well-organized videos. Even beginner can follow easier and understand the tools very well. Thank you!\n"},{"text":"best video channel on youtube. descriptive and easy to understand. loads of thanks from sri lanka <3 :-)\n"},{"text":"Do i need to learn anything else before watching this vid?\n"},{"text":"Damn, the clicking of the keys while you debug is soooooooo satifying. Was that an postprocessing effect of just through the microphone while recording?\n"},{"text":"\n"},{"text":"Also, I love how you cleverly sneak in some accessory, advanced concepts, like working tree diffs, in such intuitive ways.\n"},{"text":"1st\n"},{"text":"3rd\n"},{"text":"Very interesting. Thank you!\n"},{"text":"Thank you very much for your videos, I will appreciate if you prepare a video talk about the differences between layer type and the use cases for each and please focus on lstm design network.\n"},{"text":"Thank you, can you guys also make a tutorial on tensorflow for python\n"},{"text":"Thx god not hindi <3\n"},{"text":"Thank you so much for the tutorials guys\n"},{"text":"can I get sample code for the above demo on GitHub\n"},{"text":"i have downloaded the VGG16 model from this link fchollet/deep-learning-models/releases/download/v0.1/vgg16_weights_tf_dim_ordering_tf_kernels.h5 and tried to convert to tensorflow js model but it shows error like KeyError: \"Can't open attribute (can't locate attribute: 'keras_version')\"\n"},{"text":"may i know why ???\n"},{"text":"this is amazing\n"},{"text":"does the python version matter for pip install?\n"},{"text":"Ahhh gonna soak this one up\n"},{"text":"Can you make a video for a lstm with keras?\n"},{"text":"2nd\n"},{"text":"I cannot convert h5 file into model.json through command line, can you please help me\n"},{"text":"Where can I download the code of this tutorial? The given links not work.\n"},{"text":"ERROR !!! \n"},{"text":"Uncaught (in promise) TypeError: tf.loadModel is not a function\n"},{"text":"Getting error while converting - \n"},{"text":"tfjs.converters.save_keras_model(vgg16,\"../Resources/tfjs/tfjs-models/VGG16\")\n"},{"text":"thanx for the tutorial\n"},{"text":"You sound like GD Juniper\n"},{"text":"thank you\n"},{"text":"Hi! \n"},{"text":"I couldn't install tensorflow with Python 3.7.1! \n"},{"text":"I got the error message in terminal:\n"},{"text":"pip install tensorflow\n"},{"text":"I have got error in installing tensorflowjs on ubuntu machine (20.04) . i have used command pip3 install tensorflowjs .\n"},{"text":"\n"},{"text":"\n"},{"text":"following error:\n"},{"text":"Any Java learning videos ?\n"},{"text":"Pleas tensorflow python full couse\n"},{"text":"After trying out a few JS machine learning frameworks I now understand why Machine learning isn't for JS. It simply doesn't work well enough with the the language to do anything worthwhile.\n"},{"text":"If anyone's interested I've given some thought to an auto-regressive network. An ARN where I've coupled my deepest schizophrenic visions of finding complement between the world and my thoughts based on TOA and sequence with Artificial Intelligence. The URL can be seen here: https://t.co/q8bZvYRX2F\n"},{"text":"But please can you make one with Python\n"},{"text":"Why include jquary and bootstrap just to do Ai in the browser I stop watching the video because you aren't demonstrating the pure power of node & JavaScript you also didn't need express for this.\n"},{"text":"I don't recommend this tutorial to absolute beginners who just started. Familiarize yourself with the basics before coming to this video.\n"},{"text":"When we know HTML, CSS and JS, we can do almost everything in terms of web design.\n"},{"text":"Honestly, one of the best videos that show how to combine your HTML, CSS and JS skills\n"},{"text":"I found the exact icons used on this website because the resources haven't been posted.https://icons8.com/icons/set/hand-paper.\n"},{"text":"Otherwise, a very good tutorial :)\n"},{"text":"1:19:40\n"},{"text":"You know he is programmer, when he start counting seconds from 0 \n"},{"text":"\n"},{"text":"BTW Thanks for great tutorial!!!\n"},{"text":"need more videos like this thanks freecodecamp\n"},{"text":"I love how he combines HTML , CSS , and javascript and explains his whole thought process. Some other videos the person just writes codes and doesnt explain why they did it. . Really good video\n"},{"text":"What a great guy! I hope I will find more of his lessons)\n"},{"text":"Hello from Moscow!\n"},{"text":"\"I am never losing. I think there's something wrong there\" LOL\n"},{"text":"Positioning that 'user' and 'comp' badge was cool! That was super cool!! Dhanyawad!\n"},{"text":"Dude you helped me out big time. God bless your soul man. Keep up the good work.\n"},{"text":"Man,,, I gotta say it.... I FOUND THE BEST TEACHER OF ALL. THE WAY YOU EXPLAIN ( EVERY MINOR DETAIL). DAMN BRUH.\n"},{"text":"Great video! Very easy to follow, explained thoroughly, straightforward, and your tangents didn't branch too far off; just enough to learn helpful little tips, then right back to the point. The upbeat attitude kept me more engaged, excited, and absorbing more info than YouTubers with monotone voices who speak rather quickly\n"},{"text":"hi, i really like this tutorials, it is like a spoon feeding , please let me know from where i can get those icons. thank you\n"},{"text":"This is like a movie episode. I can’t stop watching.\n"},{"text":"I love that he shows how the page looks after every step has been applied. very detailed.\n"},{"text":"Man, You teach pretty damn well! Thank you! :)\n"},{"text":"Good job very nice tutorial, and well presented.. make more tutorial sir. Tnk u\n"},{"text":"One Important question: where to download those three png files? Thks!\n"},{"text":"Thank you for the tutorial, it was my first time using HTML, CSS and JS all together. I really had a good time following this video and learned a lot.\n"},{"text":"Just ran through the entire tutorial now. Thank you so much for the upload, learnt quite a bit and really excited to be adding interactivity to my own website soon. Keep up the good work.\n"},{"text":"Thank you man, this is my first JS tutorial, coming from Python, you made it quite easy for me. Appreciate it. :)\n"},{"text":"const choices = ['Rock', 'Scissors', 'Paper'];\n"},{"text":"\n"},{"text":"\n"},{"text":"const getComputerChoice = () => {return choices[Math.floor(Math.random() * choices.length)]};\n"},{"text":"Love how fast this is. I'm working on my own projects, so this was perfect to help me learn to tie things together more eloquently. Deepened my understanding on a couple things such as the DOM. Thanks! Also reminded me to look for immediate feedback after every step by refreshing the index page. Great quality and well spoken. Learned a few more css tools as well :]\n"},{"text":"make a tutorial on shortcuts\n"},{"text":"^change text without deleting what's in it already, copy full line, daheck is this black magic?\n"},{"text":"52:40 switch (userChoice + computerChoice) {\n"},{"text":" case 'rs':\n"},{"text":"\n"},{"text":" case 'sp':\n"},{"text":"16:58 that's what she said\n"},{"text":"Very thanks to you, my friend! I've learned a lot with this video.\n"},{"text":"I just don't understand why my animation looks like crap when I click (green-glow, red-glow and gray-glow). Can anyone help me? \n"},{"text":"Source code: https://github.com/lucascuri/Rock-Paper-Scissors\n"},{"text":"Thanks!\n"},{"text":"That was fun and a great exercise for practicing. I also appreciated that you showed some ES6. Thanks!\n"},{"text":"he removed the hover function while explaining javascript\n"},{"text":"give us the art work please\n"},{"text":"watch dom tutorial videos first for the javascript part in this video\n"},{"text":"he is using atom code editor in dev mode and had installed the following packages in it:\n"},{"text":"I love it man, really help me to understand a few thing with javascript and make functions. All of you are cracks for teaching simple things but really importants.\n"},{"text":"love your energy, app looks amazing!\n"},{"text":"This is such a great tutorial and thank you for making it available for us beginner to learn. Much appreciated. I was wondering if you could share the images (rock, paper, and scissors) you have used in the example or share the link I can download from. That would be great. Thanks once again!\n"},{"text":"thank you for this video, this doesnt even have any advertisement.\n"},{"text":"brother you nailed this tutorial i mean nothing could be better than ur explanation\n"},{"text":" awesome job bro keep learning for our learning\n"},{"text":"Does anybody know where to find those images? Thank you?\n"},{"text":"Hi, I am getting the following error when trying to console.log(\"hey, you clicked rock\") that says \"Cannot read properly \"addEventListener\" of nul\" even though my script tag is at the bottom of the page as it should be.\n"},{"text":"\n"},{"text":"What can I do?\n"},{"text":"Code link coming in a few days..... 1,5 year later.... xd\n"},{"text":"some one can told me how to use Hyper like in the begin of this tutorial? Just star learning\n"},{"text":"Love the tutorial! What did you do in the command terminal to search for and copy over those rock, paper, scissor images so fast?\n"},{"text":"Thanks for that! Helped me a lot for remember some functions!\n"},{"text":"Greetings for Brazil!\n"},{"text":"Hi! Thanks, I enjoyed this great Video and learned a lot! Just a hint: you have to multiply by ~3.5 to get an even distribution, otherwise scissors will be less likely :-) (~min 45)\n"},{"text":"Great - super easy to follow along, well explained - loved it!\n"},{"text":"0:39 How do I create multiple files in Windows?\n"},{"text":"Could have just renamed the Div ID's to Rock Paper Scissors instead of writing a whole new function for it.\n"},{"text":"Thanks for the tutorial. Learned a lot, and also could finish it completely.\n"},{"text":"Awesome explanation! I have one question though... can't we use IIFE in place of calling the main function procedurally?\n"},{"text":"Fantastic tutorial, thank you for sharing it with us.\n"},{"text":"Does anyone know where to get the images for rock paper and scissors from?\n"},{"text":"Great video! Thank you for doing tutorials, you really are helping a lot!\n"},{"text":"thx bro\n"},{"text":"Jesus loves you\n"},{"text":"Believe in him and repent!!\n"},{"text":"thk you guys! i've been watching you and Mike for a while, and what you is so valuable guys. thk you\n"},{"text":"dude, great video; fast paced learning is what I'm all about. A lot of other tutorials spend way too much time re-explaining concepts, which I agree is important for people. But for me, I just need to grab the important details and move on.\n"},{"text":"Great!👍 I Wish My College had Teachers like you who explains so well🙌🙌\n"},{"text":"added this to the win and lose function to highlight the choice of the computer. computerChoice_div.classList.add('green-glow');\n"},{"text":" setTimeout( () => computerChoice_div.classList.remove('green-glow'), 300);\n"},{"text":"59:20 input \": fire\" turns into a icon!!! how do you do that?\n"},{"text":"Such a good video! I am struggling with JavaScript but you explain it so well! Love it, p[lease make loads more videos like that\n"},{"text":"I LOVE YOU! This is the first video i have been seen from you and I LOVE IT! You are not making \"SpeedCoding\" and stuff like that and i like it! You describing your code PERFECT! Keep going on your \"tutorials\"! ❤\n"},{"text":"When I later realize that instead of 1.27 , it was already 2 ours before i felt in sleep however....\n"},{"text":"thank you so much for this amazing vid! i learned so much!!\n"},{"text":"Amazing job explaining everything! I'm new to CSS/Javascript, but not new to coding in general so this was perfect for me.\n"},{"text":"Great Video. Once I work through this I may try and refactor it a bit to expand to Rock, Paper, Scissor, Lizzard, Spock. :D\n"},{"text":"Thank you for the great tutorial!\n"},{"text":"09:20 does anybody know how he inherited this color ?\n"},{"text":"Well Nice video.!!! But next time tried to write code in bit larger Font size in bright screen which helps in to make more understandable..\n"},{"text":"Good Explanation.. Keep it up.\n"},{"text":"excellent tutorial, congrats!\n"},{"text":"just couldn't do the classList.. it showed \"Uncaught TypeError: Cannot read property 'classList' of null\"\n"},{"text":"thanks, this video very interesting <3\n"},{"text":"I watch this to satisfy my current knowledge on web development :D\n"},{"text":"awesome explanation and very new concepts. Code works perfect. Thank you so much. Keep up the great work. Looking forward for more such video.\n"},{"text":"However I believe it is not the actual channel. can someone help me with the actual channel details for subscribing.\n"},{"text":"Sir, I passionate on understanding how to connect database to this websites,.\n"},{"text":"i love your tutorials ......plz tell me if i want to do it with \"if else conditions \" how can i do it\n"},{"text":"Amazing tutorial. Thanks for making this free!\n"},{"text":"Hi brother keep it that way simple your explained this so much and that make a since for me to understand how this js and CSS working you are Amazing thank you so much bor\n"},{"text":"This awesome video just 1:30hrs but took me a week to finish it lol. Thank you so much! 😊\n"},{"text":"Cash the DOM, yo!\n"},{"text":"Great guide! I'm going to add difficulty settings.\n"},{"text":"I sat and watched the entire video and this was very informative!\n"},{"text":"i'm sure you have a video on your packages and i doubt you'll see and reply to this but if anyone knows how he's getting emoji's in ATOM pls let me know!\n"},{"text":"Great video. I'm having trouble. I'm at the console.log(Math.random()); part and I'm getting nothing in the console log in Firefox, Firefox developer or Chrome. Can't figure out what I'm doing wrong or if console.log doesn't work in newer versions?\n"},{"text":"thank you sir you make it really easy \n"},{"text":"and the thing you said \"the difference between good and great is little extra\" blow my mind \n"},{"text":"You are amazing sir\n"},{"text":"love from Nepal\n"},{"text":"Great vid, thank you. I went off piste a bit towards the end, but this is what I ended up with:\n"},{"text":"https://codepen.io/excowboy/pen/BbLyOy\n"},{"text":"ill try to build my version of this when i get home!!\n"},{"text":"Thanks from Germany :)\n"},{"text":"I followed all the HTML CSS and then did the entire Javascript almost on my own, I looked to see how to use event listener some function ideas but the mechanics I coded on my own and it was really fun how we did it basically the same! Awesome tutorial!\n"},{"text":"Awesome video! What's the name of the program used to select the colours? I really like the zoom and copy hex value functionality! (Also helps cause I'm red-green colour blind)\n"},{"text":"Bro you are the best teacher in plain English!\n"},{"text":"I think i would learn programming just hanging out with you and talking...my respects.\n"},{"text":"You should become the main teacher at FCC.\n"},{"text":"So fantastic. The boy is really humorous. Thanks a lot about helpful tutorial!\n"},{"text":"The challenge there is how we refractor the code and make it more DRY and readable.\n"},{"text":"I am following your channel from a long time... And this is one of the few channels where I like the video then I will watch it..... Thanks for amazing content freecodecamp guys\n"},{"text":"All you moaners, dont want to put the work in and expect to be spoon fed...this tutorial is brilliant!!! learnt a lot. thank you!!!\n"},{"text":"Awesome video. Wish i watched this sooner <3\n"},{"text":"I mean this is probably the best combination tutorial of web design. It's better than a one-week book reading...\n"},{"text":"I didn't realize that I cache things all the time until you told me what the definition of caching was lmfao\n"},{"text":"where di you get the images fomr?\n"},{"text":"R beats ass. Well, that was interesting lesson!\n"},{"text":"You're such a good teacher. I had issues getting the basics but you explain them so simply. I really appreciate this video!\n"},{"text":"bro its an amazing learning experience \n"},{"text":"You so cool energetic tutor.................!\n"},{"text":"Keep uploading\n"},{"text":"Love u dude..............!\n"},{"text":"That's why I quit Atom, too slow!\n"},{"text":"This is really a fantastic intro for web developing beginners. Even though I have no basic knowledge about JS, it's still easy to understand by what the hoster instructed or explained in the video(for those people who are watching this, I recommend you pause the video and search those unfamiliar methods or functions by yourself when you are stuck).\n"},{"text":"This is an absolutely rare masterpiece that can be so simple to learn but simultaneously maintain its complexity. Great job! Please keep making these types of thorough tutorials. I believe that it will definitely benefit more people, especially students and beginners!\n"},{"text":"The tutorial was really good. Learned a lot. Would have been cool if you also added some sounds to the game. : )\n"},{"text":"This video litearlly was the source that helped me figure out how to put a score board onto my js pong game for my class. Learning how to make a html/js/css into one note pad file was thanks to you man!\n"},{"text":"Thanks will make some tweaks of my own to this. Love this video!\n"},{"text":"Thanks Man!\n"},{"text":"I developed this web game today. its really awesome.\n"},{"text":"mine is little bit different, anyway thanks for sharing man.\n"},{"text":"Sir trending app ka tutorial bataiya like web browser like chrome uc browser or facebook app tiktok app etc\n"},{"text":"It's amazing! Thanks for share this.\n"},{"text":"He is a true hacker, he counts to three from 0\n"},{"text":" i.e.(0,1,2)\n"},{"text":"undefined Beats undefined. You win!\n"},{"text":"Tried to fix that error by going line by line to no awail. Welp.\n"},{"text":"I'm still waiting for the link code\n"},{"text":"So great tutorial for training purposes. Wish to see more with Vue.js and Laravel. Few things thou. \n"},{"text":"Why did we declare constscoreBoard_div? \n"},{"text":"Why not just pass \"rock\", \"paper\", \"scissors\" as arguments, so we would not need to make conversions? \n"},{"text":"Why do we need to pass both arguments to draw() function if we know that they are the same? \n"},{"text":"The user is hiding behind the computer... pun intended\n"},{"text":"Thanks for presenting and sharing a great tutorial!!!\n"},{"text":"Hi all. How can I find the same images to use in my project?\n"},{"text":"Hey!can you help me??Is anyone there who can say me that CAN I LEARN CODING WITHOUT COMPUTER WITH MOBILE??\n"},{"text":"Best explanation 🔥🔥🔥🔥\n"},{"text":"dude u r amazing , thanks for the vedio.\n"},{"text":"what is the color tool do you use?\n"},{"text":"hi, can I use this tutorial as a reference of a VueJs tutorial I made with some similar styles?\n"},{"text":"Awaiting \"Code\" links, Please.\n"},{"text":"You won man GG XD\n"},{"text":"Great! Just what I was looking for! Thank you!\n"},{"text":"awesome video learned a lot from this thank you :)\n"},{"text":"So good. Thank you!\n"},{"text":"Thank you very much! It’s awesome!\n"},{"text":"Amazing!\n"},{"text":"one question tho\n"},{"text":"\n"},{"text":"const scoreBoard_div = document.querySelector(\".score-board\");\n"},{"text":"Your explanations are outstanding. It truly shows how knowledgeable you are. Thank you!\n"},{"text":"Hi! \n"},{"text":"When i click on the paper logo, the console displays : 1. Hey you clicked on rock\n"},{"text":" 2. Hey you clicked on paper\n"},{"text":"Pretty good tutorial for web development beginners! He is good at talking too.\n"},{"text":"Thx for this nice tutorial!\n"},{"text":"Thanks man. Really appreciate this video.\n"},{"text":"Cool video dude! I assume you used the convertToWord() function to teach some stuff, but it'd be better to just use the full words from the start. Verbosity is ok!\n"},{"text":"35:03 VIM?\n"},{"text":"30:30 Question... \n"},{"text":"Is querySelector() a shorter version of getElementsByClassName() or something?\n"},{"text":"november 9 2018\n"},{"text":"freeCodeCamp.org: Code link coming in a few days.\n"},{"text":"april 8: no code link\n"},{"text":"можно теперь на русском?))\n"},{"text":"omg what was that app that tells you the color of something I NEED IT\n"},{"text":"Thanks.. I learn so much from you!\n"},{"text":"plssssssssssss sir in this project i have to show in collage plss\n"},{"text":"What a wonderful video. Thanks and please keep making videos like this 👏🏽\n"},{"text":"wonderful!!\n"},{"text":"Hello,\n"},{"text":"\n"},{"text":"I went a step ahead and added a draw number counter. \n"},{"text":"Thanks so much. Very helpfull! :)\n"},{"text":"that little extraaa :)))\n"},{"text":"Hi guys, thanks for watching. If you have any specific questions for me about the content, please ask them over at my channel https://www.youtube.com/c/MtFordStudios as I don't actively monitor this one. Thanks!\n"},{"text":"Thank you, this was very helpful!\n"},{"text":"I think watching Standords' Machine Learning course + this tutorial should be standar AI training for any developer. Thank you very much c:\n"},{"text":"I've no idead what's going on.\n"},{"text":"Can you make a python tutorial for neural network for this simple game called \"2048 game\"\n"},{"text":"Thks nice tutorial, i have checked your channel it has alot of cool staff and i have subscribed\n"},{"text":"Really loving these tutorials\n"},{"text":"Thank u for this awesome video\n"},{"text":"Hi, \n"},{"text":"Why you are putting the rotating algorithm and rules of playing and neural network together, if you are putting the rules of playing then there is no need for neural network.\n"},{"text":"And I don't see the benefit for AI here in this example\n"},{"text":"Excellent tutorial\n"},{"text":"20/05/2020\n"},{"text":"Why not use genetic agorithm to train the model?\n"},{"text":"No priority to preservation of the ship? I didn't see it turning around to defend itself from imminent collision. The Asteroids game does allow thrust. And in the arcade version, you have shooting UFOs that'd certainly kill the ship staying in a stationary position.\n"},{"text":"Which is better to learn Python or JavaScript please tell , \n"},{"text":"\n"},{"text":"👍If JavaScript\n"},{"text":"Comment if Python\n"},{"text":"Thank you freeCodeCamp for keeping it free and available to everyone! Just a bunch of tips from my side:\n"},{"text":"1. The audio might seem a little over synthesized till 06:25 sorry it's my fault, by the time I realised it, it was too late. However, don't worry because not a lot has been covered till then.\n"},{"text":"2. Since this is a long video, it is recommended to watch it in at least 1.25x or 1.5x so as to cover it quickly. Try to take notes (if you're a notes guy/gal), or better, follow along with the video, which is something I always recommend.\n"},{"text":"what FreeCodeCamp are doing for the programming community is absolutely insane. So many full length courses with up to date technologies - which i'm forever grateful for!\n"},{"text":"On ng -v here it is displaying Angular: 6.0.0 while in my case it is displaying Angular: ...\n"},{"text":"So is it okay if I continue or I have done some error\n"},{"text":"I subscribed to this channel for these types of videos! I learn so much in a day from these! Thanks for taking the time to make them!!:)\n"},{"text":"I appreciate the effort that has been put into making this, but find it very difficult to follow as a beginner\n"},{"text":"FreeCodecamp is doing the best job on internet. Great tutorial, On youtube, Without Ads, hats off for you. May you get more and more success\n"},{"text":"Thank you campers from the bottom of my heart!\n"},{"text":"19:51\n"},{"text":"hey can you upload your code on GitHub. It become difficult to follow you sometimes. So we can understand your code by reading it on GitHub.\n"},{"text":"Great content as always!!\n"},{"text":"Any Vue,js Full Courses as well? Im looking for an informative Vue tutorial like this Angular one. Thank you\n"},{"text":"Hi Team,\n"},{"text":"Your videos are amazing. I am looking for a sample project for my team which covers all the important concepts of Angular. Could you please suggest couple of sample angular projects or resources I can use?\n"},{"text":"thank you for this tutorial. Hey Quincy, can we get the GITHUB link for this?\n"},{"text":"Many many thanks to freecodecamp to make it free\n"},{"text":"I request you to add videos on angular 7 and 8 also \n"},{"text":"Loved Loved your teaching and tutorials thank you\n"},{"text":"Wow.. This is what I have looking for. Thank you \n"},{"text":"\n"},{"text":"Would u kindly make something like this for nodejs\n"},{"text":"Another one for ionic framework\n"},{"text":"well as a beginnner I had a lot of dificulties to start learning with this course. Is like he tries to explain everything that come to his mind but that confuses totally a new beginner. You can use this course more effectivily if you already know basic stuff about Angular otherwise is impossible\n"},{"text":"I'm really thankful for all the content you guys put out, but the instructor in this video is terrible.\n"},{"text":"I could handle his English, which is hard to understand at times, but his way of explaining things is just plain confusing.\n"},{"text":"hello, thanks for the course, can enable automatic captions to be able to understand better? thannks in advance.\n"},{"text":"Thank you for the video, it is much appreciated.\n"},{"text":"I didnt get hey there and no this function was hacked\n"},{"text":"Thanks a lot for the video, I love it. \n"},{"text":"Add Captions please.\n"},{"text":"We are waiting Angular 2 to 10 and nodejs courses that cover everything ( real-time project) in one video lots love ❣️💛💛 from india\n"},{"text":"Many thanks to freecodecamp\n"},{"text":"Are you planning add Angular course in curriculum ? <3\n"},{"text":"Thanks freeCodeCamp. It helped me kickstart Angular 6. Appreciate your work.\n"},{"text":"Thanks for sharing your knowledge, can you enable the caption? , please\n"},{"text":"can you activate the contribution of community to allow people translate this videos? thx\n"},{"text":"Just on time i was starting with angular\n"},{"text":"you can place subtitle to the video\n"},{"text":"At 25:30 I get an error saying: AppComponent_Host.ngfactory.js? [sm]:1 ERROR TypeError: original.apply is not a function. I've copied your code exactly.\n"},{"text":"You are an awesome teacher dude.. learned a lot from this video.. thank you\n"},{"text":"please, subtitle\n"},{"text":"Awesome video..Its help me a lot. Thank You !!!!\n"},{"text":"I'm stuck on ecconrefused error when I get to part 13 with the proxy chapter :(\n"},{"text":"Is anyone else having this issue?\n"},{"text":"I can't understand clearly the way he speaks.\n"},{"text":"Thank you... FreeCodeAcademy.\n"},{"text":"Hi. I have questions about sessions and cookies.\n"},{"text":"1. How do you decide, based on your use-case, to use localStorage or remote server access cookies?\n"},{"text":"2. What are the pros and cons of each method?\n"},{"text":"3. If cookies are stored in `localStorage` then it can be easily viewed by anyone through the Developer Options right?\n"},{"text":"waiting for the same on react !\n"},{"text":"great source for beginers,,,thanks lot,,,is it possible to increase the audio qulity some more better..thank you..\n"},{"text":"i have downloaded this video for learning purpose\n"},{"text":"Thank you.\n"},{"text":"Best free learning online platform\n"},{"text":"How I love freecodecamp 👍🏻. You guys rock!\n"},{"text":"Thank you...\n"},{"text":"Thank you.\n"},{"text":"do you have this course online,not just in a video? thanks\n"},{"text":"subscribed, because you have close to a million subs already, so you're competent. it's me, i'm not competent enough to follow along. had to stop watching at 32:06. pretty much i need someone to explain angular to me like i'm 5. I've watched several tutorials already, was hoping this was THE ONE, maybe it is. right now, not so much. i'm behind 10 lessons, and have a final due this sunday. my professor is a snoozer, keep falling asleep, or losing interest; everyone just seems to go a million miles an hour. again, maybe it's just me. i need a comprehensive approach. zero to hero.\n"},{"text":"After installing Angular CLI and typing the \"ng version\" command, I wasn't getting the Angular CLI version as shown @5:07 it turns out I had to install typescript first like this \"sudo npm install -g typescript@2.2.0\" this would only work when I added \"sudo\" even though I am running as an Admin user, any ideas why?\n"},{"text":"Thank u for this awesome video\n"},{"text":"The link in the description is broken\n"},{"text":"Hello , whenever I type ng, I am notified bash: ng: command not found\n"},{"text":"\n"},{"text":". can you please help. I am working from Gitbash.\n"},{"text":"Sir... At 36:12 you are creating test in html file... i m getting that test is not a know element\n"},{"text":"Thanks you. from thailand\n"},{"text":"In HTTP section, how you access that server, cz from PHP we cannot do dt, n Angular basic port number also doesn't work, can u kindly let me know...how ru accessing the JSOn file using dt PHP command from CMD\n"},{"text":"lets go REDUX (!) (!) (! ! !)\n"},{"text":"can you share the complete source code to my my mail id saisateesh217@gmail.com\n"},{"text":"Great tutorial😍😍😍\n"},{"text":"React seems a lot simpler than Angular.\n"},{"text":"Codecamp is awesome !\n"},{"text":"I am so grateful for these tutorials. Unfortunately I am hard of hearing so I can't make out most of what he is saying without rewatching or blasting the volume. Therefore please add me to the list of people wanting to see captions added\n"},{"text":"thanks!\n"},{"text":"❤❤ love it\n"},{"text":"The audio is messed up.\n"},{"text":"pls give me github code for this video\n"},{"text":"Better you can break in small videos\n"},{"text":"Excuse me i am a rookie in front-end world, i want to know what IDE you are using in this video\n"},{"text":"Pls provide text version\n"},{"text":"Hay team i need a small suggestion. Could you please help me ???????\n"},{"text":"why is hey there not written at 18:08\n"},{"text":"followed for about 3 hours, not the best tutorial, quite confusing at first with all the mistakes ( i mean, this is a video, you could edit or redo when you make a mistake ). Following the instructions to the letter and still getting errors but i guess it's free so can't complain. keep doing the work and thanks anyway for the effort\n"},{"text":"tried alot but not able to resolved this error.\n"},{"text":"Configured files following your tutorial but...\n"},{"text":"\n"},{"text":"http://prntscr.com/ljw2uo\n"},{"text":"Nice video, although the audio could be better.\n"},{"text":"nice lecture and i need to download a code\n"},{"text":"Thanks so much sir\n"},{"text":"Is it Angular 8?\n"},{"text":"I know it might sound very newbie but which software are you using? jetbrains webstorm? ty\n"},{"text":"EDIT: Visual Studio Code , found out\n"},{"text":"Angular?\n"},{"text":"it is really hard without subtitles ,what a shame really\n"},{"text":"I love you!\n"},{"text":"What editor are you using to write the code? You didn't show that part and jumped straight towards explaining the concepts and writing the code\n"},{"text":"awesome !\n"},{"text":"59:10\n"},{"text":"for php what should i install.. I am getting error php is not defined\n"},{"text":"Great!\n"},{"text":"I need to learn Angular! Thanks a lot guys for this great material!. I just wanna say hello from Paraguay!\n"},{"text":"thanxx a ton from India\n"},{"text":"Angular which version its is?\n"},{"text":"why not make this multiple videos?\n"},{"text":"Not perfect for a beginner. May be good if you know all the stuff but want to revisit.\n"},{"text":"i'm in love with freeCodeCamp. Thank you for providing tutorials free of cost.\n"},{"text":"github link for source code ????\n"},{"text":"Make angular 7 full course please xixi....\n"},{"text":"you guys best. thank you\n"},{"text":"Thank you for the tutorial, Can we get a copy of the ppt?\n"},{"text":"The audio is poor :(\n"},{"text":"great tut till now.1.25 I think it will be better ahead.\n"},{"text":"Angular in 2k18? do wot\n"},{"text":"instead of spending money on onlyfans please donate to freecode camp\n"},{"text":"In Angular 8 I get this error at 31:40 : ERROR in src/app/app.component.ts(11,1): error TS1238: Unable to resolve signature of class decorator when called as an expression. Type '(...args: any) => void' is not assignable to type 'typeof myExampleClass'.\n"},{"text":" Type '(...args: any) => void' provides no match for the signature 'new ({ arg1, arg2 }: { arg1: number; arg2: number; }): myExampleClass'\n"},{"text":"for beginners go direct at 19:50\n"},{"text":"you have not covered webpack on deployment (router problem) please reply.\n"},{"text":"LOVE YOU so MUTCH BROOOO\n"},{"text":"Great tutorial for the beginners. Thanks\n"},{"text":"very good\n"},{"text":"Very interesting video. Could be possible to add english subtitles please? Thanks!\n"},{"text":"Spanish please\n"},{"text":"When are you going to type Angular Code\n"},{"text":"Thanks free camp code me love your tutorials me say thankssssssssss\n"},{"text":"Isnt it easier to use two way data binding for username and password at 2:06:00?\n"},{"text":"It's a pity there is no subtitles.\n"},{"text":"Woa...this is a great course! Congrats! One suggestion for your English because your accent it's too strong and sometimes it's complicated to understand you. Congrats again!\n"},{"text":"published in November 2018\n"},{"text":"why not Angular 7 ?\n"},{"text":"Outstanding explanation!\n"},{"text":"Link to project NOT FOUND. Where can I download the project from this tutorial?\n"},{"text":"i hope it will have captions\n"},{"text":"thanks for u to add captions\n"},{"text":"I CANNOT THANK YOU ENOUGH FREE CODE CAMP !!!!!!!!!!!!!!!!!\n"},{"text":"-u thought me how to JS\n"},{"text":"currently at 3:35 , solid vid !!!!!!\n"},{"text":" it also intros to you mongoDB. It was new to me coz i have been only using mysql all this while\n"},{"text":"You speak clearly.\n"},{"text":"What is angular and whereare you going to get the \"cli\" from? You don't describe anything. What is the point with npm and cli if we don't see where you got all these terms from or WHY you arre using these terms on an introductory setting. wha..? Install CLI? who?\n"},{"text":"although i have watched another tutorila on Angular, i think it won't be a bad idea to watch this also\n"},{"text":"I am a deaf person, no subtitles is troublesome for me. I am sorry. (despite this a big thanks for FCC)\n"},{"text":"boring af\n"},{"text":"what about job opertunity as a fresher with ANgular js\n"},{"text":"While using the VS IDE I am getting ng command not found error when I try to execute the command 'ng generate component hello' in VS IDE Console. How do I fix it?\n"},{"text":"why dont you cut out all the extra waits & builds? so the 24+ k users does need to waist time waiting\n"},{"text":"the audio is not that great\n"},{"text":"Terrible, terrible audio. Also not very good english accent. Its hard to follow with this quality.\n"},{"text":"This tutorial is not good for a beginner. He is moving too fast and is too jumpy in his explanations. It will confuse someone new to angular.\n"},{"text":"Good tut, short and sweet!\n"},{"text":"\n"},{"text":"\n"},{"text":"P.s. which VSCode syntax theme are you using? I love it :)\n"},{"text":"Very neat, useful and nice! Thanks\n"},{"text":"Great work sir\n"},{"text":"Thank you so much Sir, Very Informative...\n"},{"text":"Thank You sir. It helped me a lot\n"},{"text":"Super cool tutorial Thank you for sharing it with us!\n"},{"text":"mh.. nice one, but I wonder how performant it could really be\n"},{"text":"how to select spesific icon using css?\n"},{"text":"thanks\n"},{"text":"Is this better than font awesome? Reason to use this over font-awesome?\n"},{"text":"underated video\n"},{"text":"I don't understand why this methodof using icons is better, then create sprite file with svg icons, and just put icon in every place you want by construction? \n"},{"text":"In that method i need to include js file, which takes icons from another site, in svg sprite method and construction you use only icons what you need, and that's all.\n"},{"text":"How give hyperlink to ion icon to link other page?\n"},{"text":"what keyboard are you using. love that sound.\n"},{"text":"Hope you guys all enjoyed!\n"},{"text":"Let me know if you have questions on anything we covered in the video.\n"},{"text":"My comment is not first, therefore my life has no meaning.\n"},{"text":"I'm still very much a beginner using python but I mostly managed to follow what you were doing.\n"},{"text":"I'm so used to the convention of the \"top\" row index being 0 that I prefer to see it that way.\n"},{"text":"50:00 just type a // b , you don't need int(math.floor( a/b ))\n"},{"text":"Thank you for the tutorial, I follow the video and it works great.. How long did you actually did this game?\n"},{"text":"Anyone else from looking up how to pass their programming module XD?\n"},{"text":"Before you start coding... What did you do? How do you plan and design the program you are about to build?\n"},{"text":"Whenever I run the code in PyCharm the entire column gets filled with pieces anytime I click on a single column. The pieces alternate in color. It's like the turn is running on its own until the column fills with pieces\n"},{"text":"Great tutorial, everything worked perfectly except for the pygame QUIT event. I don't get any errors, but the game just doesn't close when I click the close button.\n"},{"text":"Thank you so much it actually worked only your video did none of the others did thanks again man\n"},{"text":"@56:00 Why not simply add board = np.flip(board, 0) at the start of your function? Seems easier :)\n"},{"text":"thanks for your video, my question is... what if the size is not 6x7 but a number chosen by the player? how do you check winners?\n"},{"text":"When I add posX in the main lopp. Python dont accept pos\n"},{"text":"How can I add a player 3 function?\n"},{"text":"Hi, did u make a video about an AI that plays it? did u make also a menu or something?\n"},{"text":"Thank you !\n"},{"text":"My pygame window is crashing. What can I do to fix it?\n"},{"text":"What if the game draws between players?? How to handle that\n"},{"text":"Hi I'm pretty new to python, I've got until min 26 and I'm getting this error\n"},{"text":"\n"},{"text":"Traceback (most recent call last):\n"},{"text":" File \"connect4.py\", line 75, in \n"},{"text":"Can you do a pc vs human version next plz?\n"},{"text":"I think it's a good tutorial but I found the code to be, say, not simplified?\n"},{"text":"Range only counts to column count - 1 or row count -1.\n"},{"text":"The grid starts at [0][0]\n"},{"text":"You had to flip it\n"},{"text":"thanks bro22\n"},{"text":"thanks bro\n"},{"text":"Why pass the board as a parameter, since there's only one board per game?\n"},{"text":"the repl shows closed\n"},{"text":"I have a question: Is it possible to check if a row is full and prevent the player from placing pieces in that row? My version keeps adding turns and pieces if i click on a full row.\n"},{"text":"\n"},{"text":"I'm doing this for a school project and not being able to add pieces to a full row is one of the criteria's.\n"},{"text":"11.34\n"},{"text":"?\n"},{"text":"First\n"},{"text":"Thanks to FreeCodeCamp for featuring my video! I'm posting new JavaScript videos 3 times a week, subscribe to my channel so you don't miss them: https://www.youtube.com/channel/UCejtQthQXQpZs3-kZCqsbrg\n"},{"text":"Wouldn't it be better to just set a breakpoint in the developer tools rather than adding anything into the code to force it? That way you wouldn't have to go back and extract the debugger command later, particularly if you have several of them lying around within the code.\n"},{"text":"That's all good and can be used in someway, but, i think, breakpoint's in devtools are more usable anyway.\n"},{"text":"Didn’t know about this. Thank you. Will try it out!\n"},{"text":"good to know, I was going crazy with console.logs\n"},{"text":"Cool stuff. I was also working a modern review of debugging with console object in JavaScript :)\n"},{"text":"console.log() fan club represent!!\n"},{"text":"freeCodeCamp has helped me a lot in my way. And now I have got a new piece of knowledge !\n"},{"text":"That’s the way to explain, right to the point, you deserve to be well paid :)\n"},{"text":"Coverage, performance, animations, sensor in chrome\n"},{"text":"Thanks for teaching this way and I will use console. log\n"},{"text":"Does this work for Angular Typescript too?\n"},{"text":"Better way? I highly doubt this is a statement we can assert as fact. It most definitely is a good way but not in all instances a better way.\n"},{"text":"What os are you using ?\n"},{"text":"Freecode camp reinforces console.log() debugging through their curriculum unfortunately! Should have people using the real debugger from the get-go and should also teach debugging before they get beyond basic javascript!\n"},{"text":"Wonder if this works in node\n"},{"text":"Logging is good way to find problem\n"},{"text":"nice video thaks for sharing\n"},{"text":"Very cool\n"},{"text":"Good lord, haven’t ever used a console.log in 15 years, just set a breakpoint. Who’s teaching these codemonkeys these days, philosophy majors?\n"},{"text":"Rubishhhhhhhhhhhh\n"},{"text":"Is the snake a python?\n"},{"text":"Snakes + Python = WIN\n"},{"text":"plz show steps rather than skipping ahead and adjusting the previous program you made\n"},{"text":"Thanks. Now make a Python Game Snake Tutorial\n"},{"text":"Please for the sake of humanity, teach people to use proper IDEs.\n"},{"text":"\n"},{"text":"\n"},{"text":"PyCharm or something.\n"},{"text":"Hi thanks for the tutorial, however there is small bug I would like to tell you.\n"},{"text":"when the snake is moving in +x direction and you press left key, the game stops. Similar for other 3 cases as well.\n"},{"text":"Feels like you're going wayyy ahead of how you should've instructed.. \n"},{"text":"\n"},{"text":"\n"},{"text":"For beginners like us, wouldn't it be better if we see how the progress of coding is done rather than explaining as if all's been thought-out already?.. :s\n"},{"text":"This guy and his “elso”\n"},{"text":"Sadly not a very good tutorial. Too fast and not enough explanation. A shame because I was looking forward to it. Finished the code but it doesn't work.\n"},{"text":"I've done something similar to this one and it took me 1.5 years of practice before i could finally do smth like this on my own, consider myself a bit dumb ^^\n"},{"text":"Err: TutorialTooFast\n"},{"text":"I write as same as yours but when I run that, It always says Error: cube() takes no arguments. I saw yours is fine.\n"},{"text":"someone making a game in lockdown \n"},{"text":"damn!\n"},{"text":"its me\n"},{"text":"Me: drawing a square with turtle module\n"},{"text":"\n"},{"text":"Him: LAMBDA\n"},{"text":"Do I have to install pygame? It is saying (In pycharm) \n"},{"text":"\n"},{"text":"Traceback (most recent call last): \n"},{"text":"File (Im not saying) line 5, in \n"},{"text":"sooo cool omg i mdoin this\n"},{"text":"Anyone know how i can make my surface be filled with snacks instead of being generated randomly?\n"},{"text":"What can I do to make it show 2 or more snacks\n"},{"text":"Tutorial with out LIVE action or action after grid is made\n"},{"text":"showing how something looks after some of the code has been written :(\n"},{"text":"I dont know how I did this...\n"},{"text":"\n"},{"text":"I got to the part where i could eat food, but instead of it following me, it goes on its own in a direction or stays still. What do\n"},{"text":"bad tutorial :( more like a quiick code-through\n"},{"text":"First I'm going to learn python then do this see you in a few no i wont\n"},{"text":"This was a super helpful video. Thank you so much for making it.\n"},{"text":"for me the tutorial wasn t good because me as a beginner i didn't understand a lot of steps and syntax\n"},{"text":"Nice video man! But you could start using readable terms such as cube instead of c\n"},{"text":"I got an error on line 44 it said Syntaxerror: can't assign to literal. I'm relatively new to python and stuff like it so I can't figure out what is wrong...\n"},{"text":"line 195 : for x in range(len(s.body)):\n"},{"text":"This line is unnecessary since the only possible case is for the snake's head to be collision with the snake's body. \n"},{"text":"\n"},{"text":"Replace the next line with : if s.body[0].pos in list(map(lambda z:z.pos,s.body[1:])): \n"},{"text":"Nice Video but i Got Dome questions:\n"},{"text":"\n"},{"text":"I have some Trouble adding a scoreboard and a pause function - can someone pls Help me\n"},{"text":"I'm a little bit confused about the part where he wrote:\n"},{"text":"self.turns[self.head.pos[:]] = [self.direct_x, self.direct_y]\n"},{"text":"Can someone explain for me\n"},{"text":"I am getting \"unexpected character after line continuation character\"\n"},{"text":"When I try and run the Code, the Grid box that appears in yours doesn't in mine\n"},{"text":"doesnt wok for me near the end it says theres something wrong help me\n"},{"text":"S = snake ((255,0,0), (10,10))\n"},{"text":"Snake() takes no arguments the code is correct dont know why it wont run? Any ideas?\n"},{"text":"In the first version at the start when you crash into yourself, it shows your score. How did you do it?\n"},{"text":"Like cmon thats speed coding not a tutorial, this is not looking good, theres no explanation\n"},{"text":"not working showing problem with line 198 : print(\\'Score: \\', len(s.body))\n"},{"text":"I have a question. I'm using the 2019.1 edition, and it says pygame is not defined. Is PyGame a different interpreter?\n"},{"text":"this line print(\\'Score: \\', len(s.body)) idk why but something is inncorect\n"},{"text":"Why does my computer said << ModuleNotFoundError: No module named 'pygame'>>\n"},{"text":"I'm running Python 3.7\n"},{"text":"On line 44 it says that I need the pos argument although I have included it in the brackets. I tried putting pos then color but then it says it needs the argument color. Any fixes?\n"},{"text":"I have \"syntax error\" line 42. Anyone help?\n"},{"text":"how can the body list have an index of [ -1 ] ?\n"},{"text":"Not working for me - I get the canvas window, but no grid lines and no snake or snack. Error message: snake () takes no arguments, despite copying eveything exactly.\n"},{"text":"im getting \"ModuleNotFoundError: No module named 'pygame'\n"},{"text":"i do have problem with line 6 \n"},{"text":"it says module not found \n"},{"text":"could you suggest the correct tips\n"},{"text":"When I try to run code that requires tkinter using Python 3.7, the Python application (Mac) becomes \"not responding\". I have Tcl/Tk version 8.6 on my computer. Does anyone know how to resolve this issue?\n"},{"text":"Great Video!\n"},{"text":"I installed pygame through the pip function but when I run this, the window with the game odes not come up. What should I do?\n"},{"text":"For me, an error message 'snake() takes no arguments' keeps coming. What should I do?\n"},{"text":"Great video!👍\n"},{"text":"You know PY CHARM\n"},{"text":"for me it is saying invalid syntax for pygame pls help\n"},{"text":"My pygame window stops responding after a few seconds, does anyone know why?\n"},{"text":"it says that im on the wrong version\n"},{"text":"Tutorial could have been explained/done better.\n"},{"text":"not enough explanation and the video was to long\n"},{"text":"it keeps telling me “can’t assign to literal” before the 1 in the drawGrid \n"},{"text":"\n"},{"text":"“for 1 in range(rows):”\n"},{"text":"Is python 3, right??\n"},{"text":"Anybody getting the local variable / shadow name errors? Either it's me or there's an issue with the main loop\n"},{"text":"Thanks Tim!This tutorial will surely take me somewhere in the world of python programming.However now there are various changes popping in my head which I want to implement.Question:I wanted to know one thing that how do you understand which library and then what method of that library to use?\n"},{"text":"Por si alguien busca como se hace en Español, hice un video donde explico una forma mejor de hacerlo sin tanta complicación.\n"},{"text":"+ en la forma que lo hizo el snake puede ir de reversa, lo que causa un crash del juego.\n"},{"text":"i have a problem with line 157 \"S = snake ((255,0,0), (10,10))\" \n"},{"text":". \n"},{"text":"when i run the code, i keep getting a message \n"},{"text":"\"Snake() takes no arguments\"\n"},{"text":" the code is correct dont know why it wont run? Any ideas?\n"},{"text":"I copied and pasted the code into my pygame idle however I keep getting \"SyntaxError: multiple statements found while compiling a single statement\". Someone please help me!\n"},{"text":"Not a good tutorial for beginners!\n"},{"text":"Sounds like Kevin McAllister\n"},{"text":"Easier is programming on python without IDE because we know commands correctly,but with pychere is hard and i dont know where to learn,soo using normal python is best\n"},{"text":"Now how to make this game to android ...so that i could play in android mobile\n"},{"text":"I cant access the codes would you send me as a comment?\n"},{"text":"The script doesn't work :(\n"},{"text":"too fast, please slow down and explain better\n"},{"text":"snack = cube(randomSnack(rows, s), color(53,255,172))\n"},{"text":"\n"},{"text":"NameError: name 'color' is not defined\n"},{"text":"u should use a normal IDE I can't even tell the difference between the 0 and O\n"},{"text":"How i can change the pygame window's name?\n"},{"text":"i create it, thank you...\n"},{"text":"yeah. i'm not an idiot\n"},{"text":"Idk why so many people are hating on this, I really learned a lot from this video.\n"},{"text":"i did this in pycharm. what text editor are you on?\n"},{"text":"Not easy to understant for a noob\n"},{"text":"How many lines is this program?\n"},{"text":"what ide ru using and the videos are good thanks\n"},{"text":"roses are red\n"},{"text":"violets are blue\n"},{"text":"get in the van\n"},{"text":"i'm kidnapping you\n"},{"text":"How do i move??\n"},{"text":"25:00\n"},{"text":"can we write the same code on pycharm\n"},{"text":"it does not work because it says \"unexpected character after line continuation character\" and this is on line 197\n"},{"text":"python 3.7 :-*\n"},{"text":"You are great at programing\n"},{"text":"Now I don't need to download it\n"},{"text":"hElP.....if someone could\n"},{"text":"I am getting a syntax error with this...\n"},{"text":"line 14\n"},{"text":" def__init__(self,start,dirnx=1,dirny=0,color=(255,0,0)):\n"},{"text":"i have an error plz help me\n"},{"text":"hello whst to use pygame or pythone IDLE?? pls reply ASAP\n"},{"text":"https://youtu.be/L4SS0N2pyr0\n"},{"text":"how do i run it ??\n"},{"text":"Please explain better...\n"},{"text":"Please can Attreya sir make this one?\n"},{"text":"How would I make the snack a custom sprite? I know how to create a sprite, but I can't figure out how to spawn the sprite as the snack.\n"},{"text":"In the snake's move() function you loop through the pressed keys but it doesn't make sense nor has any effect since you are checking only the values belonging to K_UP, K_DOWN, K_LEFT and K_RIGHT in the dictionary, but they don't change in the loop.\n"},{"text":"So I guess you can just get rid of that loop and check the conditions just once.\n"},{"text":"how to open the game\n"},{"text":"@TechWithTim ???\n"},{"text":"What app are you using?\n"},{"text":"I keep getting this error. Even when using the code linked in the description.\n"},{"text":"\n"},{"text":"\n"},{"text":"Traceback (most recent call last):\n"},{"text":"Im getting a ZeroDivisionError in the line dis = self.w // self.rows \n"},{"text":"\n"},{"text":"\n"},{"text":"Any help?\n"},{"text":"At 21:55 if you didn't understand what happens in the code like me, it is because his snake doesn't die when it hits the wall on any side, it just reappears from the other side, that's what those lines are for.\n"},{"text":"did you stole that video from tech with tim ???????\n"},{"text":"Python coder codes python game about pythons coded by pygame\n"},{"text":"cant run it on pycharm,its shows the error in line\n"},{"text":"\" print(\\'Score: \\', len(s.body))\"\n"},{"text":"and the error is \"SyntaxError: unexpected character after line continuation character\n"},{"text":"\n"},{"text":"\"\n"},{"text":"poor tutorial. not reccomended\n"},{"text":"Csn we do it on pycharm\n"},{"text":"best video ever so good it does work dude\n"},{"text":"i die when i touch the snake but not when i touch the \"wall\". Can someone help me fix that?\n"},{"text":"In the code the class snake is defined as follows:\n"},{"text":"\n"},{"text":"\n"},{"text":"class snake(object):\n"},{"text":"The code doesn't work\n"},{"text":"It says module not found pygame but I installed in the command prompt using pip install pygame\n"},{"text":"40 minute video but there is no scoreboard\n"},{"text":"Honestly, its a bad tutorial it doesn't teach you how to do it but shows you how so I don't think you will learn much here except if your already very familiar with pygame and python (which if you are you can probably do this on your own) but this is my own opinion others may disagree.\n"},{"text":"Why graph?\n"},{"text":"ModuleNotFoundError: No module named 'pygame'\n"},{"text":"Umm, the code provided doesn't work. I want to like this tutorial, but after 10 minutes of following along and typing the code I've discovered that even the provided code doesn't work, so I can't continue. Bummer. This should be fixed or removed so people stop wasting time.\n"},{"text":"'tuple' object has no attribute 'draw'\n"},{"text":"\n"},{"text":"\n"},{"text":"Error please help\n"},{"text":"i get a help\n"},{"text":"Didnt got that pop up box at 10:02 ? its running fine . No errors . Please help with that\n"},{"text":"not a good tutorial you are not going step by step\n"},{"text":"So. Whenever I make the pygame everything starts fine when I import yet... When I accidentally press enter one to many times it comes up with the ( >>> ) In which I can't go back to my old code that is above that..? Why is this and how can I fix that because I Feel like it's constantly trying to make something new.\n"},{"text":"Can someone help me?\n"},{"text":"I write it using PyCharm and I get as output only \"Process finished with exit code 0\"\n"},{"text":"After hours of trying to google, I could not get the message box to work as I kept getting an NSInvalidArgumentException... please help\n"},{"text":"python in python\n"},{"text":"i dont understand\n"},{"text":"I made a few changes to the moves to make it a more traditional Snake game if anyone wants it. I started learning Python like a week ago so there is probably a better way but it works.\n"},{"text":"\n"},{"text":"for key in keys:\n"},{"text":"It is showing Type Error as Tuple object does not support the item assignment\n"},{"text":"please tell me it massage box or mossagebox cuz it is not working\n"},{"text":"very good example >\n"},{"text":"it is showing no module named pygame\n"},{"text":"I copied and pasted the script but there is a syntax error. I'm using python IDLE on Mac\n"},{"text":"Let's Play \"google snake\".This code doesn't work.\n"},{"text":"pls\n"},{"text":"I think its better to not even let you turn to your opposite direction rather than loosing for doing that\n"},{"text":"Look, I don`t mean to offend you, but I must say, that is the worse OOP tutorial. You can do much better than that with Python.\n"},{"text":"Nice\n"},{"text":"man I have never typed this much code in my life, if coding is this much of a type. I might as well become a typing instructor, because my hands are really tired. the snake game is fun and I liked it but the typing part of it, is really a hustle. Thanks for the lesson and the clear explanation, I hope you can teach us more of how to make 3D gaming.\n"},{"text":"fraud\n"},{"text":"ok\n"},{"text":"Error in line 56: keys = pygame.key.get_pressed()\n"},{"text":"pygame.error: video system not initialized\n"},{"text":"pygame.draw.rect(surface, self.color, (self.pos[0]*dis+1, self.pos[1]*dis+1, dis-2, dis-2))\n"},{"text":"\n"},{"text":"TypeError: 'int' object is not subscriptable\n"},{"text":"I don't know why is it throwing that error, but is in the draw function and it's about the \"pos\" argument, could anyone help?\n"},{"text":"i am getting an error while run this code,\n"},{"text":"unexpected character after line continuation character (, line 197)\n"},{"text":"and the is = print(\\'Score: \\', len(s.body)),\n"},{"text":"i am using vs code\n"},{"text":"I see a lot of bad comments, but I think that if people that are complete beginners come here and expect snake to be easy, it's there fault for not realising how complex it actually is.\n"},{"text":"dont worry\n"},{"text":"My thoughts regarding the first 3 minutes:\n"},{"text":"- Class names start with lowercase letters.\n"},{"text":"- method name words separated with underscore but not always. e.g. message_box() and randomSnack()\n"},{"text":"- defined snake object like; s = snake() instead of snake = Snake(). s does not make any sense here.\n"},{"text":"pygame is in standart python library right ?\n"},{"text":"What ide is this\n"},{"text":"this has to be the WORST teaching video I have EVER watched. I walked through the steps with the video, and about 90% of what's needed to know is excluded. These \"instructions\" might work for a seasoned programmer, but not for a beginner. Please, do NOT post any more of your \n"},{"text":"Sorry to say but this video is just a wastage of time and brains. It's more of a speech than a tutorial. It's not in a way how a teacher teaches by just modifying already prepared matter.👎\n"},{"text":"Your 'yo' reminds me of jesse pinkman from the breaking bad😅\n"},{"text":"Would have liked to see what the end result of all the efforts looked like at the very start of the video.\n"},{"text":"Thanks a lot for the advice. Trying to build a clone/MVP as a proof of concept and hopefully this helps.\n"},{"text":"Great video! This tutorial covers the setup quite nicely, and if you have any additional questions, be sure to drop us a line at help@sharetribe.com or through the admin panel chat tool - we'll be happy to help :)\n"},{"text":"can you help me with SEO? i don't know how complete keywords. pls!!\n"},{"text":"CAn't we run the self hosted version and do this? Or do they nto have self hosted version?\n"},{"text":"Great video but if you could remove your face from the bottom left corner that’d be great.\n"},{"text":"Sharetribe is too Expensive specially for starters.\n"},{"text":"good ♥♥♥\n"},{"text":"Can you accept credit cards and can you remove the \"Powered by....create your own marketplace...\" on the bottom?\n"},{"text":"first to view..\n"},{"text":"Second\n"},{"text":"How much is this?\n"},{"text":"Can you make video on cloning facebook or gmail ?\n"},{"text":"pls do videos like this......don't stop your KT. I am always watching your videos. An inspiration for Programmers.:-)\n"},{"text":"Just when I was looking for sources to learn Javascript, this video appeared. I already Love freecodecamp.org but these videos are cherry on the cake. Love it.\n"},{"text":"#Impressive && motivational channel;\n"},{"text":"\n"},{"text":"on () {\n"},{"text":" the whole planet!;\n"},{"text":"I have recently subscribed to you, and the only thing i regret is that a single day only has 24 hours...I would need 72 hour days just to be able take all the information in... for someone who was always challenged in programming, you are a huge help and you are great teachers.\n"},{"text":"Thank you for all your time and effort you put into these videos!\n"},{"text":"Thank you so much. I started to learn java last week.\n"},{"text":"amazing, really learned a lot thanks beau\n"},{"text":"Thank you very much, Beau Carnes. I really appreciate you taking the time to create this video. I am also glad that you provided us the code in case we got stuck. I was trying to keep up with the video and missed some brackets.\n"},{"text":"thank you for this video ! ^^\n"},{"text":"just one question : in the html file you gave an id and a class to one element, why ? could we only give the id ? beacuse the class has not been used in the css file. (it's this line : Start )\n"},{"text":"I made it and I'm playing now. Thank you. But I guess I'm not very good at this game :)\n"},{"text":"great tutorial\n"},{"text":"wow man,that's great work,thank you for this tutorial\n"},{"text":"Thank you for your very educational video's! Keep up the good work!\n"},{"text":"On 1.25x speed, he actually talks with exact normal talking speed\n"},{"text":"I loved it! Keep up the good work!\n"},{"text":"20 rounds? Here I thought the game was virtually infinite. I made one in C# and its virtually infinite.\n"},{"text":"Amazing. Thanks from Paraguay.\n"},{"text":"thanks, i like Jews\n"},{"text":"sir how could I send my gratitude to you\n"},{"text":"Hi thanks for the video.\n"},{"text":"\n"},{"text":"At around 22 minutes in, when you use the if statement with strictButton.checked, couldn't you just do strict = strictButton.checked and not even need the conditional?\n"},{"text":"A most excellent video\n"},{"text":"What software is he using? I need links, I'm totally lost...\n"},{"text":"Thanks for this helpful video.\n"},{"text":"Funny this is my side project for my coding boot camp. I broke mine from breaking someone else's lol.\n"},{"text":"Great series. Best channel for a reason :)\n"},{"text":"can you make another video on how you made the html and css?\n"},{"text":"Hey Beau, would like to ask you a question. When the user presses a button you setTimeout( () => { clearColor()} , 300); which makes the color disappear after 300 ms. However I'd like to keep the button lit up as long as the user holds down his click button. Is there a way in JS to achieve this?\n"},{"text":"That looks like the requirements of the assignment example. But wait, I thought students are supposed to figure it out to complete the assignment on their own if they can and not just copy or spoon feed? If they work in this field, they can't rely on others all the time to complete their own job...Freecodecamp resources should be ample and good for its purpose I think, but for those looking for more maybe i.e. 4.8 or higher rated Udemy free and paid courses can help: \n"},{"text":"Thanks make more game tutorials\n"},{"text":"excuse me, can you tell me how to run these code\n"},{"text":"@freeCodeCamp.org at 32:26 in the video I attempt to print to the console the filled array but nothing happens when I click start. Just to verify the project worked I copied the JS script and pasted it and run it. However I get an uncaught error property play or null for the function “four” audio.play(). Can someone explain why this happens. I am using sublime text with google chrome browser.\n"},{"text":"this teacher is the best!!!\n"},{"text":"hi please tell me what free engine is good for coding javascript. what is this engine in this video?\n"},{"text":"that's what she said\n"},{"text":"thanks\n"},{"text":"At 47:26 I am getting this console error:\n"},{"text":"index.js:124 Uncaught TypeError: Cannot read property 'style' of null\n"},{"text":" at clearColor (index.js:124)\n"},{"text":" at gameTurn (index.js:76)\n"},{"text":"why didn't you put brackets after game turn in intervalID. gameTurn is a function. Shouldn't there be brackets after it?\n"},{"text":"C++ course please\n"},{"text":"can you make a video how to fork a cryptocoin for knowledge purpose\n"},{"text":"I am confused? On lines 89 and 78 of the index.js I get a \"Uncaught TypeError\" and its says \"document.getElementbyID is not a function\"???\n"},{"text":"21:30\n"},{"text":"- Mom, can we have page 3?\n"},{"text":"- We already have page 3 at home!\n"},{"text":"page 3 at home: Page 2\n"},{"text":"Thanks for putting this together! For anyone running into issues with the Layout section -- layouts are no longer a thing! This article from Gatsby was really helpful to me in migrating from Layouts to the new, more React-y way Gatsby handles this -- https://www.gatsbyjs.org/blog/2018-06-08-life-after-layouts/\n"},{"text":"I love freecodecamp! amazing! thank you for making CS so accessible!\n"},{"text":"It would be cool if you guys made a course on ti basic :D\n"},{"text":"Great Video! ThakYou for Share, Keepup good work\n"},{"text":"Note:\n"},{"text":"nodejs is Windows | MAC | Linux :)\n"},{"text":"This is what I needed! I cloned the repo for the gatsby blog and was totally lost with the file system, but this definitely clears the basics up for me for sure. Thanks!\n"},{"text":"Thanks for the tutorial Mike, you nail it every time 😃💪💪\n"},{"text":"This video is private :what:\n"},{"text":"I love your tutorial. Can you please tell me how to generate hash classes in gatsby for ex. _[hash:base:64:6]\n"},{"text":"Always enjoy your videos sir!\n"},{"text":"Best gatsby tutorial. Can you do a part 2 with Wordpress or contentful as backend? Thanks\n"},{"text":"hello bro how ru . i need ur help , i want to learn only one in Angular , Vue and react . plz telme which is best in all . i want ur personal opinion . if ur beginner then which will u select personally. plz tell me 1 .which one best in job n future .\n"},{"text":"hello.sir. you are awesome. i request to make on JavaScript and AI\n"},{"text":"this video so OLD((((\n"},{"text":"whoa! another one!\n"},{"text":"hey mike, i have installed gatsby globally but after when i check the version i get this error every time:\n"},{"text":"\n"},{"text":"\n"},{"text":"Alems-MBP:~ alemkahrobek$ sudo npm install --global gatsby-cli\n"},{"text":"if you have npm 4:00\n"},{"text":"i really like these zooms\n"},{"text":"Super !!!\n"},{"text":"Why this video private?\n"},{"text":"This does not work on my mac at all, every section has an error\n"},{"text":"RR! The operation was rejected by your operating system.\n"},{"text":"npm ERR! It is likely you do not have the permissions to access this file as the current user\n"},{"text":"npm ERR! \n"},{"text":"This approach with Layouts is not relevant anymore in version 2\n"},{"text":"How the heck do you know everything?\n"},{"text":"Nice intro - many many thanks for the hours you've saved me.\n"},{"text":"new site creation isn't working. It says github is not a recognized internal command or something like that.\n"},{"text":"Nice joob. Big like.\n"},{"text":"thx\n"},{"text":"He just copy&pastes the code, then reads it out loud, like i'm blind orsmthng. doesn't really explain much though....\n"},{"text":"You don't have to import proptyes and define the proptypes?\n"},{"text":"Hi everyone, LucidProgramming here, the creator of this video series. If you enjoyed the video, I'm really thrilled to hear that. If you like this type of content, head on over to my channel and consider subscribing for staying up-to-date with similar types of videos. If you have any requests, recommendations, I take these seriously to heart and am constantly trying to improve the content of my channel. Thanks again, and happy coding!\n"},{"text":"Subtly hilarious \"shame on you\" omage to the Great Hitchens around 34:00 . Thank you\n"},{"text":"Thanks for the informative video! Minor change to Part 1, the fetched_tweets_filename should be passed as a parameter when creating the StdOutListener object inside TwitterStreamer.stream_tweets(). This is corrected in Part 2 but wanted to point it out in case folks found it confusing!\n"},{"text":"hy bro, what is the classifier algortihm do you used for sentiment clasiffication? is it Naive Bayes? or Support Vector Machine?\n"},{"text":"What vim plugins are you using? I'm loving how yours looks.\n"},{"text":"when we analysing tweets how we can save these tweets on back end on json,txt,csv\n"},{"text":"Thank you for this code,i got an error ModuleNotFoundError: No module named 'twitter_credentials'\n"},{"text":"\n"},{"text":"when trying to run it on anaconda please help me on that?\n"},{"text":"thank again\n"},{"text":"When in doubt, add another layer of pointless wrapper classes. :D\n"},{"text":"how to get tweets using twitter id please help ...\n"},{"text":"Hey, I need help. Actually he uploaded this code on github and there are lots of files and i dont know which one to use so that i can show a project for social media sentiment analysis. If anyone can help, please help urgently\n"},{"text":"You just help people in making their minor project free and fully complete in a day. Hat's off. 👏👏👏👏💯\n"},{"text":"Amazing. No doubt your next video will be entitled \"How to Replace Your Car Engine\". Eighty eight minutes will be devoted to picking the correct pair of fluffy dice and two minutes will feature you typing a quick email to your mechanic. I watched this thinking \"when are they going to mention the sentiment analysis?\"\n"},{"text":"Plz help me i have research on Depression Detection using Emotion Arificial Intelligence with the help of CNN\n"},{"text":"RNN\n"},{"text":"LSTM\n"},{"text":"This video came at the right time. I was waiting for this one. Thank you freecodecamp.\n"},{"text":"Thank you so very much! This was very comprehensive and satisfying\n"},{"text":"Excellent tutorial, very clear and thorough. Thank you.\n"},{"text":"You are a lifesaver. I have a “Social network analysis “ project . And your code matches perfectly what I am supposed to do. Thank you very much 🙏🙏🙏\n"},{"text":"Great Tutorial! Totally loved it. freeCodeCamp is the best.\n"},{"text":"Hello, first of all, thank you for your video. It is very instructive and well structured. But I have an issue, I have follow your development but I cannot extract more than 200 tweets in my DataFrame, even if I write 1800 in the count in the \"user_timeline\" function.\n"},{"text":"Do you know if there are a limitation of extract? I use Anaconda and JupyterLab to code.\n"},{"text":"Thanks by advance.\n"},{"text":"Hi Vincent, \n"},{"text":"\n"},{"text":"\n"},{"text":"First of all, thank you very much for this great content! It is very well explained and very useful! Thank you!\n"},{"text":"I'm sorry, but what kind of coding tutorial that starts without mentioning the text editor will be used. I'm confused where to start the project.\n"},{"text":"You are an angel sent from above! absolutely amazing... Thank you for this tutorial, it was much needed. So in depth, great explanations and really structured. definitely subscribing.\n"},{"text":"I've had a problem creating the application. When I filled out the details to create the app and hit create, it shows me a modal window saying \"Review our Developer Terms\" with nothing else to do. There's no way for me to create my app. Can anyone help?\n"},{"text":"Thanks a lot sir fir this excellent tutorial. I have a doubt that what to do with that twitter streamer class and hash tag list and how these can be used to create time series plots of live tweets data\n"},{"text":"Hey awesome work, really appreciate your hard work\n"},{"text":"Thanks for the tutorial. I am working with Jupyter. I put both \"twitter_credentials.ipynb\" and \"tweepy_streamer.ipynb\" at the same folder but seems python cannot find the module \"twitter_credentials.ipynb\" !\n"},{"text":"instead of getting the tweets by username how to get it through a keyword?\n"},{"text":"Hi, could u just let me know how to download 3200 statuses. I am able to download only 200.\n"},{"text":"a question, does TextBlob use a classification algorithm like SVM, Naive Bayes etc. to calculate the sentiment polarity ?\n"},{"text":"Thanks a million for this video . but I am at the minute 33 and I am getting an error 'charmap' codec can't encode characters in position 197-201: character maps to .\n"},{"text":"\n"},{"text":"any help would be great please\n"},{"text":"Hello Sir, We have not called the on_data() function. How is it printing the tweets? (around @ 15:00)\n"},{"text":"Any alternative for someone like me whose developer account application was not approved by Twitter? How can i get my Twitter credentials?\n"},{"text":"Brilliant tutorial. Learning a lot about OOP as well as twitter sentiment analysis, thank you!\n"},{"text":"Sir ,can I use pycharm for execution\n"},{"text":"Hello world... It's siraj..\n"},{"text":"hi, I would like to do sentiment analysis bt not use the traditional positive, neutral and negative categories, bt rather a much broader one, how do I go about that\n"},{"text":"Hi i saw the tweepy documentation. But i can't solve my problem. I want to obtain tweets with 280 characters, not truncated to 140. How can I do?\n"},{"text":"\n"},{"text":"Thanks a lot! :)\n"},{"text":"Great sir thanks a lot!\n"},{"text":"Thanks a lot. Could you do that for facebook? Is there a particular reason why you first use a list and then a numpy array to create your column for the pandas DataFrame?\n"},{"text":"Can you please suggest how can I write some unit tests for this project?\n"},{"text":"Thank You !!\n"},{"text":"Can the sentiment analysis portion of this video be applied to other data sets instead of twitter?\n"},{"text":"thank you for your tutorial\n"},{"text":"Love you buddy i support you\n"},{"text":"Explained really well.\n"},{"text":"help me sir it showa me error every time\n"},{"text":"where you code it? software name ?\n"},{"text":"terimakasih\n"},{"text":"oh angel sent from up above,you know you make my world light up\n"},{"text":"thanks for the video\n"},{"text":"and you get a new subscriber here\n"},{"text":"you're explain too fast, it was hard to follow your explanation\n"},{"text":"So.... how would you read the data that you saved down from TweeterListner?\n"},{"text":"Thanks for your effort\n"},{"text":"Thanks!\n"},{"text":"When I try running tweepy_streamer.py I keep getting error | ModuleNotFoundError: No module named 'tweepy'\n"},{"text":"Yes I have tweepy installed. It's located in my \\AppData\\Local\\Programs\\Python\\Python37-32\\Lib directory. \n"},{"text":"Any help would be very appreciated.\n"},{"text":"I might be being stupid but what programme is this? @5:22\n"},{"text":"What kind of sorcery is this..\n"},{"text":"I am an intermediate level programmer, can you tell me how to display the result of sentimental analysis in the form of pie charts , bars, etc on a web application.\n"},{"text":"Btw, loved your explanation.\n"},{"text":"In this video, which platform you are using to write code\n"},{"text":"I m getting 401 continuously\n"},{"text":"can you please help modify the code if we further include tweets that have emojis? please help!\n"},{"text":"What IDE did you use here?\n"},{"text":"what compiler are you using?\n"},{"text":"Hello guy am trying to build a cyberbullying detection system, however am really unsure of the concept of a bad word dictionary, can someone explain why a bad word and good word dictionary is needed when building a cyberbullying system and also how do you apply it as it GitHub I seen where people have a document file full of bad word list, at of current in my preprocessing of data set from twitter I have applied pos tagging to the set. where a for loop will check if a statement using noun pronoun and conjunction then it cyberbullying.\n"},{"text":"sir,does this code can handle sarcasm ??\n"},{"text":"error 401 my credentials are OK i've checked. its have something to be with the clock please help!! Greetings from Colombia\n"},{"text":"Could you post a video to create a sentiment analyser if we don't want to use Textblob\n"},{"text":"what should i do if i want to print that all data on html file?\n"},{"text":"Can I do it in pycharm\n"},{"text":"Can I do this in Jupiter Notebook?\n"},{"text":"It's nice,help me\n"},{"text":"Good video became a subscriber\n"},{"text":"Awesome Video.\n"},{"text":"please share the code\n"},{"text":"Plz run it on juypternotebook it looks so BLACK it does not interest at all even though the content is so great. Keep the theme white.\n"},{"text":"How to make twitter apps now? apps.twitter is closed and is replace with developer.twitter and to create an app there you need to apply for a developer account which will only be used when approved. Any workaround?\n"},{"text":"You, sir, have a soothing voice.\n"},{"text":"omg i've been looking this for 2 hours, thank you a lot :DDD\n"},{"text":"Just like what I need <3 Thanks mate!\n"},{"text":"This was a great video! Short & to the point - exactly what I was looking for! Nice work!\n"},{"text":"Thanks - this was really helpful. I like that you kept everything simple and didn't get overly complicated, that made it very easy to pick up the concept and start coding.\n"},{"text":"if anyone is using routes with children:\n"},{"text":"e.g.\n"},{"text":"\n"},{"text":"\n"},{"text":" \n"},{"text":"I would like to know, what happenes if without clicked on login i tried to visit app page through url...\n"},{"text":"\n"},{"text":"Will it visit to app page or it will give 401 error as wrote in Protecting Route ?\n"},{"text":"Thanks for sharing this project! good luck for you.\n"},{"text":"the best tutorial on React Router I saw... nice broth\n"},{"text":"Really good, thanks!\n"},{"text":"You solved my problem. Thanks so much!\n"},{"text":"Sir, You pick an easy way to teach , I like this, Few can do this.\n"},{"text":"It is very hard to teach simple.\n"},{"text":"Thanks, Bruh. You did justice to this topic. Cleared all doubts\n"},{"text":"Hi Nick Can you show me a piece of code that how can I use localStorage data into auth.js file. Currently I am saving all the user data after login in localStorage.\n"},{"text":"New to ProtectedRoute...sorry if my question is naive. \n"},{"text":"Q : Arguments in the ProtectedRoute we destructing {component : Component, ...rest}, my doubt is \n"},{"text":"why not the assignment is other way around, i.e. {Component : component, ...rest}, since we are passing the props as 'component' only, not 'Componenet'\n"},{"text":"Hi, what if we want to protect our whole application with the protected router \n"},{"text":"what should we do then\n"},{"text":"Bro Good tut ;) ! \n"},{"text":"this step of passing a component @ 08:55 was somehow confusing , can you please amplify this step :)\n"},{"text":"Hi ! Great video! thanks a million! Do you have videos on databases? So the password etc is not stored in the browser i mean\n"},{"text":"Hello Sir, I am facing some issue in my project, i have used BrowserRouter for Route but after create build then run on browser and after refresh page 'object not found error showing' but i have used HashRouter for Route then after create build run on browser, project run perfect. Please help me to solve this error 'object not found after page refresh'\n"},{"text":"superb sir, you explained it very well\n"},{"text":"Okay, if this is happening in FrontEnd, So Can anyone modify the code and get access to our protected route?\n"},{"text":"Can Any one help me ? i am getting the below error ----- > \n"},{"text":"./src/protected.route.js\n"},{"text":"TypeError: Cannot read property 'forEach' of undefined\n"},{"text":"Thank you!\n"},{"text":"Simple and elegant. Nice.\n"},{"text":"Thank you!\n"},{"text":"Thanks it really helped me\n"},{"text":"Awesome job, keep the good work ...\n"},{"text":"Good Tutor sir. Thank....\n"},{"text":"Thank u from Colombia. It was very helpful for me\n"},{"text":"Excellent info.. It's a gem.👍 Thanks a ton 🙏\n"},{"text":"how to use partial components in other component. but not in login component remianing SPA\n"},{"text":"I would like to know how to handle authentication async like begin redirect by Auth service with URL with params then asking to the server for extra data (like accounts associated) and then redirect the user to app itself. Also would be awesome to store this auth data in the localStorage :)\n"},{"text":"Thanks! Great video!\n"},{"text":"You are very good teacher\n"},{"text":"Nice video!! I have a question thoug, what if you instead of \"randome\" entered \"/app\" in the address bar? would you be redirected to \"/\" or do you need a auth test implemented before that happens?\n"},{"text":"i try the same code but i have this issue TypeError: props.history is undefined, on 07:46\n"},{"text":"Auth is something that's been really confusing to me to be honest, im very familiar with react and JS and everything in this video but i would relaly appreciate if there could be more in depth videos like this (which was great) about auth itself, different ways of handling auth in an application and whether write your own auth like you did or maybe use a package to handle it?\n"},{"text":"thanks dude!\n"},{"text":"How to do unit testing for this file with jest\n"},{"text":"smooth voice and clear explanation.thanks\n"},{"text":"this method wouldn't work if I use fetch within my auth.isAuthenticated function\n"},{"text":"Thanks u!\n"},{"text":"Too small letters, zoom it dude\n"},{"text":"What if l want login component to not be accessible after logging in?\n"},{"text":"what about if i want to write it like this with the new API :\n"},{"text":" \n"},{"text":"instead of \n"},{"text":" \n"},{"text":"amazing thanks\n"},{"text":"Serious question, why is React so much more emphasized over Angular on this channel?\n"},{"text":"What is the name of that code editor?\n"},{"text":"can anyone help with this: when i attempt to conditionally render the NavBar (i'm imporing auth into the component) in my app based on auth.isAuthenticated() &&, the function does not seem to fire and the conditional rendering does not happen. anyone have thoughts?\n"},{"text":"seems like you were using some device with butterfly keyboard, so annoying. I am suffering too) and ty for this short and useful explanation btw\n"},{"text":"Can you please tell me which code editor you are using ?\n"},{"text":"So where should we read the data? Store user object in LocalStorage and then read data from it? Its good practise? so what if someone manualy change localStorage and change e.g role from user to admin?\n"},{"text":"thank you\n"},{"text":"But all the routes are on the bundle, they are not really “private” right? can this be solved without ssr?\n"},{"text":"great vid\n"},{"text":"which IDE are you using ?\n"},{"text":"I am not able to understand protected route functional component.\n"},{"text":"what about if i am signed in, and i click on browser back button? will it shoow me the signed in page? if yes, then then it seems wrong. if no, then how to do it?\n"},{"text":"Make it font bigger . It's not visible ur code we fellow\n"},{"text":"One thing I noticed is that every lesson on React about Protected Routes and user authentication are copied straight up from the reacttraining.com. \n"},{"text":"This example doesn't solve any problem on a major application where security and performance it's on account. In a real world scenario, you'll have a server-side authentication flow such as PassportJS with an endpoint (API) where you can make a AJAX request to check if user is authenticated and have access to certain routes.\n"},{"text":"Where is github link ?\n"},{"text":"You can fix your keyboard in Apple for free, because that is their mistake. With keyboard fix you get 0 cycles of battery :)\n"},{"text":"You are a genius\n"},{"text":"thanks\n"},{"text":"Which code editor you are using...\n"},{"text":"How is there no App.js file in \\src. Is it not necessary? Someone explain\n"},{"text":"All that is great, but when you reload the page you loose your \"isAuthenticated\" functionality because this will reinstantiate the calss and will evaluate to false again.\n"},{"text":"I am grateful\n"},{"text":"I wish I could press the like button 100 times 😄\n"},{"text":"Awesome\n"},{"text":"good video\n"},{"text":"please make android web browser\n"},{"text":"React is so poor in offering such important build in API's...\n"},{"text":"you could just reader the routes if the user is authenticated. {auth.isAuthenticated && { )}. There is no need to create a HOC for this.\n"},{"text":"Thanks for featuring my HTML and CSS tutorial Free Code Camp! If anyone has any questions let me know, because I would love to help out anyway I can.\n"},{"text":"\n"},{"text":"Also, if you enjoyed this video please checkout my channel for more web development related tutorials.\n"},{"text":"Who jumped to the end to check what it looks like first before actually watching the video?\n"},{"text":"I spend $300 for this course of my country, but i get free of here. Amazed, this is the first im learned bout html,css and js. Keep it up ure great\n"},{"text":"In your footer, the band name (\"The Generics\") seems to have some amount of margin although you didn't specify anything like that. Why ? Mine doesn't have it.\n"},{"text":"hello i want c++😭\n"},{"text":"very odd that the \n"},{"text":"\n"},{"text":"@font-face{\n"},{"text":" font-family: \"Booter - Zero Zero\";\n"},{"text":" \n"},{"text":"you're voice is really relaxing I like this course very much\n"},{"text":"your voice is so good that I don't feel any lose of energy after wathing the video :))))))\n"},{"text":"hey man thanks a lot for this tutorial helped me a great deal with my project,,,,\n"},{"text":"Thanks guys for lessons , i have scezofrenia and its hard for me to learn. But this totorials helping me, after work. My brain just feel, mutch better . And i trying to do new experience. thanks for the lessons:3 God bless you guys!\n"},{"text":"The footer doesn't look the same when seen in Microsoft Edge. Seems fine in Chrome and Firefox.\n"},{"text":"Thanks, I am trying to star coding again after long time and this tutorial is just right for me <:><\n"},{"text":"1:55:00\n"},{"text":"45:15 the image I’m using doesn’t load\n"},{"text":"GREAT VIDEO HELPED ME A LOT SO HAPPY!\n"},{"text":"An Excelent tutorial for begginers!\n"},{"text":"I want to know how to put image in VS code, it's giving me little stress ? Please help me out.\n"},{"text":"Thank you very much for sharing this great tutorial…\n"},{"text":"Thank you very much great tutorial !!!! 🤣🤣🤣\n"},{"text":"Thanks Man this was a real life saver\n"},{"text":"As of June 25th, 2019, Visual Studio Code does not show a Reload button after installing the Liver Server extension, and the plugin will not work on a file that is not opened from within a folder. Opening an .html file on my desktop, the Go Live button does not appear. After dropping the .html file into a folder and opening the folder instead, the Go Live button does appear.\n"},{"text":"best tutorial : )\n"},{"text":"Thanks for the time and effort you put into this...\n"},{"text":"Is there a video for the javascript section????\n"},{"text":"I love it❤️\n"},{"text":"Thank you freecodecamp😄👍👏👏❤️\n"},{"text":"Hi. Thanks for sharing ! Great tutorial, though speech is a bit too slow I had to use 1.25 speed :P btw. where can I find JavaScript tutorial mentioned in video ?\n"},{"text":"It was a good start! Thank you a lot!\n"},{"text":"That was amazing!\n"},{"text":"I'm wondering why didn't you work with tables!?\n"},{"text":"For the tours of the band ,why didn't you use p tag\n"},{"text":"wondering if anyone can help, at 1:40:26 when i go to put text align center for the album title, it keeps going to the center of the page, not the center of the shop-item class. i have coded exactly as the tutorial shows. i noticed when instructor put the margin around shop item the album title went ontop of the image, whereas mine stayed at the side until i put display block. basically, text align center is not going to the center of my class width but to the center of the page. if anyone has experienced this, please help\n"},{"text":"I was lost before the first 20 seconds. 😢\n"},{"text":"Loved this video i learned alot of new stuff\n"},{"text":"Great video. Do adding a class to the header or nav make styling things easier? I'm trying to understand when do you know when to add a class or div to things.\n"},{"text":"👏👏👏\n"},{"text":"Very good tutorial, thanks for sharing.\n"},{"text":"Bro I can't use this font \"Booter\".Error name \"The file isn't displayed in the editor...\"\n"},{"text":"🙏🙏🙏\n"},{"text":"Best one 👍 ... Amazing\n"},{"text":"HELLO, THANKS FOR THIS TUTORIAL. WHATS THE NAME OF THE CODE EDITOR YOU USED?\n"},{"text":"wt there is text-align: end ??\n"},{"text":"Excellent video on HTML and CSS!!! Thank you very much for posting this!!!!!!\n"},{"text":"May I ask for final html and css files?\n"},{"text":"How can I obtain the resources used in the construction of the page?\n"},{"text":"In VS Code, can you add tags around selected text without having to cut and paste?\n"},{"text":"I also saw CSS Grid and Flex Box being used as layout options - how does this tie into what you shared?\n"},{"text":"I want to exercise html css in Android. Do you know about any app for this??\n"},{"text":"8:39\n"},{"text":"Type 'command' 'option' 'j' on mac to open the google web tools\n"},{"text":"Really good code along and learning resource. \n"},{"text":"\n"},{"text":"Only criticism I have is the speed when duplicating sections and changing the content, yes the actions are pretty straight forward, but the speed makes it hard to catch up with your thoughts and comfortably follow in your own text editor. A bit slower would be great for beginners.\n"},{"text":"Why did you use type=\"button\" on the index page and role=\"button\" on the store page?\n"},{"text":"Hello having some trouble. After I install Live Server I and open my file in the browser my IP address is not changing.\n"},{"text":"I don't know what I'm doing wrong, but my header background image isn't displaying???\n"},{"text":"can you make a website like youtube or netflix\n"},{"text":"Hey, you made the font size bigger in .band-name and then made it more big in .band-name-large. but couldn't we have made it bigger in .band-name itself??????\n"},{"text":"Everything up to now has worked fine. \n"},{"text":"\n"},{"text":"\n"},{"text":"But for someone reason when I change the text decoration to none the words are still underlined. \n"},{"text":"Do you write this in Microsoft word first?\n"},{"text":"the red background actually hurts\n"},{"text":"who is the teacher?\n"},{"text":"Does live server only work for visual studio 2018? or is that visual studio 2018? I'm confused i only have visual studio 2017\n"},{"text":"Going into my 3rd year computer science course now and decided to pursue website development as my \"specialty\". This is super helpful and gives me strong foundation and understanding.\n"},{"text":"32:49\n"},{"text":"45:26\n"},{"text":"I have a question, let say I know all the CSS and HTML thing by heart, or finished a book about HTML and CSS. would I start searching for a job or intern or should I still need to learn JavaScript? thanks\n"},{"text":"Quick question, how do you align your code to look better and not so messy? You just selected the code and I assume you have some kind of short cut to put each code on the line where they should? \n"},{"text":"Thanks for the tutorial!\n"},{"text":"very helpful,,\n"},{"text":"Thank you so much\n"},{"text":"I can't seem to get the images to load. I put them in a folder called \"images\" inside my project folder, tried both the relative and absolute paths, and changed the backslashes \"\\\" to forward slashes \"/\", but no success. Has anyone else had this problem?\n"},{"text":"What is the future o web design or development as Wordpress,Wix etc help to build website without knowing nothing about web design or development?PLs comment.\n"},{"text":"31:47\n"},{"text":"where is the reload button?\n"},{"text":"first does the classes naming for css and then only later code them in the css file, really bad that part, gotta go back and forth to see actually whats being changed\n"},{"text":"Is that applicable on phone?Android?\n"},{"text":"1:35:11\n"},{"text":"which software did you used?\n"},{"text":"Nice copy and pasting😂\n"},{"text":"hello i want codeigniter, please make video on codeigniter\n"},{"text":"dis site is good men\n"},{"text":"I'm having issues with the footer. The band name is stuck to the left most end of the page (no border or padding). Also for you the word \"The Generics\" seems to order itself according to window size. Doesn't happen for me. I followed everything to the letter.\n"},{"text":"I have started the web development certification course on freecodecamp.com and I have completed till CSS , but I was not assigned the project till now! May I know when am I going to get it?\n"},{"text":"I have not to get an option of live track\n"},{"text":"thank you\n"},{"text":"Which software u have used please mention???\n"},{"text":"were can i get a tutorial on full web dev...css,angular js,java script....\n"},{"text":"gotta get me some jiggy lube\n"},{"text":"Can you use white background screen pls?\n"},{"text":"Wordpress theme development ?\n"},{"text":"I Hardly Listen What You Are Saying\n"},{"text":"What app is that?\n"},{"text":"43 mina\n"},{"text":"Oh my, me working with laravel, vue.js, api's, json, sql, git. These people are learning html. Html is like, not even relevent for me anymore. I miss the times :(\n"},{"text":"!like\n"},{"text":"this is not actually for beginners, one still needs prior knowledge to understand this\n"},{"text":"Why didn't you tell how to code the shop part of it, like \"Add to cart\" \"Remove\" all of that??\n"},{"text":"Was this only a design tutorial?\n"},{"text":"\n"},{"text":"Anyways I loved it, though I ran into some errors which I fixed on my own !!\n"},{"text":"Stuck at the first step. How do I open the VScode file in chrome? Right clicking the file in vsCode didn't reveal the \"open in browser option\". Is there another way? Saw all the other options except \"Open in default browser\" or \"Open in other browser\".\n"},{"text":"the sound of the video very annoying\n"},{"text":"Thank god your voice is not annoying . You actually sound pretty hot! Great lesson !\n"},{"text":"unintentional asmr and also very educational. thanks man.\n"},{"text":"Opening the html sidebar can also be done by pressing F12 (at least in Chrome)\n"},{"text":"we're using the nav class in multiple places here, but there is nothing defined for nav class in the CSS. There is nav li, nav a, etc. but nothing for nav. So when we re use it in the footer, why is there a change ?\n"},{"text":"this is a HAL's voice from 2001 space odyssey\n"},{"text":"Hope you add subtitles to your video.\n"},{"text":"Not clear on @fontface where the booter font came from\n"},{"text":"Hey guys! I hope you enjoy this video. Check out my channel for other tutorials! And if you have questions, feel free to reach out to me!\n"},{"text":"That feeling when your code is literally the exact same as his but it doesn't work.\n"},{"text":"when you made the square inside the gamescreen i copied it and spent 15 minutes trying to make it work because the square wouldnt show up...\n"},{"text":"then i realised\n"},{"text":"THANK YOU FOR NOT ALLOWING AD INTERRUPTIONS IN YOUR 1 HOUR VIDEO! \n"},{"text":"If you get an import error, that is because you have to use this: --> add in type=\"module\"\n"},{"text":"I instantly clicked like the moment he mentioned the course would be entirely using vanilla JS.\n"},{"text":"Imagine being as smart as this guy\n"},{"text":"I'm really excited that I'm getting to a point where I can watch this without a keyboard in front of me and follow along exactly without having to pause to reinforce a point. I'm also simultaneously furious at how seamlessly and effortlessly these refactors come to you.\n"},{"text":"13:30 I don't get it. I would say that one needs to multiply by deltaTime instead of dividing by... \n"},{"text":"\n"},{"text":"\n"},{"text":"Let's say my very slow computer takes 2 seconds to render each frame, making deltaTime twice as large as that from my friend's computer that renders 1 frame each second. With each call to update(), with the division, in my friend's computer this.position.x increases by 5, but in my computer it increases by just 2.5. The result is that the paddle moves 4 times slower for me!\n"},{"text":"Why there's no paddle in my local but appears with the same exact code in codesandbox?\n"},{"text":"This is by far the greatest introduction into game programming. It goes over the majority of concepts needed to be understood, and a great way to organize it. For those looking for improvement, this is a great game to experiment on, and even create a new game project from. All I can say is fantastic job, and keep up the good work!\n"},{"text":"This tutorial is awesome, GREAT JOB!\n"},{"text":"Hopefully, some day I'll get to this level of yours, nice, amazing tutorials, both design patterns and game dev playlist are awesome and of great help.Thanks for sharing this knowledge.\n"},{"text":"perfect tutorial! \n"},{"text":"looking forward creating simple game for sure.\n"},{"text":"thank you so much!!!!! i was stuck on player movement when trying to figure out this stuff by myself xD\n"},{"text":"If you're having trouble getting the paddle to draw, make sure you have type=\"module\" in the script tag in index.html\n"},{"text":"Loved this tutorial! Super clear and easy to follow. I downloaded a bunch of JavaScript game tutorials for a flight and this was by far the best one Thanks Chris!\n"},{"text":"Me: I'm gonna learn JS\n"},{"text":"Also me: can't get the paddle to draw even though I followed his instructions perfectly\n"},{"text":"ctx undefined in Paddle.js but have the function draw(ctx)\n"},{"text":"Why did the video do that at the beginning hahaha. I thought I was being abducted for a second.\n"},{"text":"Help: At the beginning when you are showing how to clear the screen you change the position of the 2nd square and it turns into a rectangle.\n"},{"text":"\n"},{"text":"For me this square just moves and didn't need to code in the clear screen part. Why is this?\n"},{"text":"guys please explain this exprasion \"if (!deltaTime) return\", thank you)\n"},{"text":"This was a HUGE help to get started! THANKS :D\n"},{"text":"Great job Chris! Thank you for sharing this.\n"},{"text":"OOP so great, I always code javascript don't have ruled. It makes my code so messy\n"},{"text":"Good explanation and Clean Coding Style! Thank's a lot !\n"},{"text":"at 54:20 when he imports from collision detection the way he writes it is different from how he had been doing before, and in my codesandbox it couldn't detect it. So I changed it to \"/src/CollisionDetection\"; and it worked\n"},{"text":"I love this video really good job explaining everything\n"},{"text":"I've downloaded the .zip from that sandbox website and opened the index.html using all my browsers. It just showed a white box in Firefox, Opera, Internet Explorer, Edge and Chrome.\n"},{"text":"Does it still work in 2020?\n"},{"text":"Unexpected identifier (error) .hover i write it the same you ,it still have that problem\n"},{"text":"Can someone help, as soon as I start to do the export default/ import, the paddle never shows up. Also, \"ctx.fillStyle = '#f00';\n"},{"text":"ctx.fillRect(20, 20, 100, 100);\" to Index.js doesn't do anything anymore. It seems the exporting / importing isn't working / breaking everything. Also, I'm using Atom, so is it that I'm missing some packages or something??? Im a newbie newbie please someone help!\n"},{"text":"Hello, I have reproduced the exact same files on my PC in notepad++ and the folder hierarchy as well. However, the js is not loaded into the index.html file. Also, if trying to open any js file separately, I get a Micrososft Javascript complilation error: 800A03EA. I searched numerous forums and made many experiments in online compilers (even re-formatting the code so that I have just one JS file which includes all the code (in case the problem would be from the imports), but still did not manage to properly run it on my PC. Any tip would be of great help and thank you very much for sharing such quality content!\n"},{"text":"I still can't get the imports to work. It always says \"Uncaught SyntaxError: Unexpected identifier\" and if I try to use the mentioned \"type=\"module\"\" to the \n"},{"text":"for vsCode users, I had to run the app on a live server as well. Also my imports all had to have a '.js' on the end :\n"},{"text":"import Ball from './ball.js'\n"},{"text":"Great video, thank you!\n"},{"text":"Doesnt work ! says ' canvas.getContext( '2d' ) is not a function (error message)'. Really talking\n"},{"text":"Would love to see a video using Phaser 3.\n"},{"text":"Type error: unable to get property of X of undefined or null reference, what does that even mean\n"},{"text":"I have an error with \n"},{"text":"import Paddle from '/src/paddle'\n"},{"text":"Great tutorial. Thanks, Chris.\n"},{"text":"Thanks man, i really did not like javaScript, creating games in it is helpin me study this language. =)\n"},{"text":"I don't understand the \"lasttime\" and the \"timestamp\"...it's the JS's API?\n"},{"text":"@31 minutes in, how does setting this.speed.x to -3 change to positive 3 when this.position.x is less than 0? When this condition is met, the x.speed is currently set to -3, so how does setting it back to -3 make it positive 3? Thank you.\n"},{"text":"When I try to load the black box, I get this message in my console:\n"},{"text":"GET file:///C:/Users/13159/Documents/FreeCodeRPG/src/rpg.js net::ERR_FILE_NOT_FOUND\n"},{"text":"31:45 ???\n"},{"text":"I've got a question.\n"},{"text":"How come you declared the InputHander just once and it keeps handling any key pressed ?\n"},{"text":"If this video taught me one thing.....\n"},{"text":"\n"},{"text":"\n"},{"text":"its that I DONT know Javascript\n"},{"text":"Thanks for this great turorial, very cool\n"},{"text":"For the ones having difficulty displaying the paddle. use\n"},{"text":"\n"},{"text":"and \n"},{"text":"import Paddle from \"/paddle.js\";\n"},{"text":"This tutorial is awesome in terms of game development but also with the updated Javascript features, it deserves more comments.\n"},{"text":"Name typo in video description. Right on top of the channel link.\n"},{"text":"I also had import/export issues. I attempted some things suggested in the comments by another user with no success. \n"},{"text":"\n"},{"text":"I draw a rectangle without the import line (commented out): success\n"},{"text":"I draw a rectangle with the import line (not commented out): fail; the rectangle doesn't draw\n"},{"text":"Hi there\n"},{"text":"What's the best way to get back to the Menu screen, and restart the game after you've lost all lives?\n"},{"text":"This is not for complete beginners i guess damn!\n"},{"text":"i just finished basic JS and then I watched this. I got nothing after 1 hour...can I get refund??\n"},{"text":"12:16 This is clearly not the reason.\n"},{"text":"JavaScript is a single-threaded programming language, i.e. all the code runs on that thread by default.\n"},{"text":"if you put somewhere, without a breakpoint:\n"},{"text":"while (true) {\n"},{"text":"Once I started doing the import export of the class Paddle, it wouldn't show the paddle on the screen. Not sure what to do\n"},{"text":"Which tutorial will teach me about classes?\n"},{"text":"I put \n"},{"text":"let ctx = canvas.getContext(\"2d\")\n"},{"text":"but i keep getting the error\n"},{"text":"Cannot read property 'getContext' of null\n"},{"text":"I fixed the import issues by chaging it from 'src/paddle';\n"},{"text":"\n"},{"text":"\n"},{"text":"to /paddle.js;\n"},{"text":"Coolest javascript video that I have encountered!\n"},{"text":"If you’re a beginner coder using JavaScript I recommend using khan academy’s coding platform because you can look at codes and what they do and you can also click on them to see them in action in other peoples code and you can mess with there code if you remix it and see what it does\n"},{"text":"I know this video is two years old, but it should still work right?\n"},{"text":"No, it doesn't i even downloaded it and it didn't work, is my computer broken?\n"},{"text":"I never could get this to work. So frustrating!\n"},{"text":"Great job man!\n"},{"text":"If you are developing in a local environment and using a browser to visualize the results, does not forget to put type=\"module\" in your ) and my import code in index.js is correct (import Paddle from 'js/paddle.js';) but I keep getting:\n"},{"text":"\n"},{"text":"Access to script at \"mymachine/js/index.js\" from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https \n"},{"text":"Literally nothing is working for me.\n"},{"text":"I've followed every step, but when I start up the codesandbox all the text is in red from the start.\n"},{"text":"Anyone who's got time to help me sort this out? Trying to learn this from scratch is frustrating\n"},{"text":"You wasted 30 mins of my life trying to figure out how the heck can i download vanilla.js so i can do the tutorial on VSCode just to realize its a joke to state that the same plain javascript is boring.\n"},{"text":"\n"},{"text":"Edit: I am new to all this thats why i was so confused....\n"},{"text":"distance = speed * time not speed/time... please fix that formula\n"},{"text":"Hello,\n"},{"text":"I followed your tutorial but I am not using sandbox Editor but Dreamweaver. When I try to import the paddle.js to index.js it gives me an error said: \"ERROR: Parsing error: The keyword 'import' is reserved\". I would like to ask if this error happens because I am not using Sandbox Editor? I would be glad if you know the reason why this error occurs. Thank you!\n"},{"text":"Is there a better way to load in images?\n"},{"text":"Or is there a way to make img tags not show on load?\n"},{"text":"Where did you get the images?\n"},{"text":"would you upload this video but with reactJS\n"},{"text":"can it work in sublime text\n"},{"text":"When did Kenneth from 30 Rock learn to code??\n"},{"text":"hey, next time explainw what and how things are working. If i wanted to copy and paste code I would of went into stack overflow. Try to put the time and effort into explaining what is happening instead of dumping code on us. And saying what a line of text is doing doesnt mean you're explaining the general ideas behind it, and also the theory.\n"},{"text":"Why the timestamp in the function at 15:42 ? it is only a parameter, but never set equal to anything\n"},{"text":"Couldn't get the exporting and importing to work at about 10:00 for some reason. Ended up including links for both files on the index.html.\n"},{"text":"Best tutorial for beginners thanks\n"},{"text":"Very nice!! Thanks!\n"},{"text":"Do I need to code in that Code Sandbox because my code will not fetch the '2d' \n"},{"text":"\n"},{"text":"\n"},{"text":"Specifically:\n"},{"text":"use context instead of ctx if youre using visual studio code btw\n"},{"text":"why mine doesnt need clear scr to clear it\n"},{"text":"ctx.fillRect(this.position.x, this.position.y, this.width, this.height); just wont work pls help the problems pop up in the bottom right says its the problem\n"},{"text":"Does my index.js file have to be a UTF-8? Do both files have to be UTF-8?\n"},{"text":"Well very nice video and you have put a lot of effort for beginners to learn game development. But i am little bit confused that if you have game engines like Unity and Unreal. then would a person spends his/her time on just drawing items on screen through code? like you do all these things in just few mints (2-3 mints). I am saying anything bad about your video. though i have watched almost full video. but i am still not getting it.\n"},{"text":"Did anyone manage to achieve a good collision result with bricks on the X axis? I kept trying to but still didn't get it. It seems to only count collision on X axis with the walls on left and right.\n"},{"text":"play at 1.25 speed to save time\n"},{"text":"Cool. Thanks.\n"},{"text":"Sir, is it necessary to use code sandbox?\n"},{"text":"where can i get brick image ?\n"},{"text":"Does anyone do this as purely a hobby?\n"},{"text":"My canvas doesn’t even show up\n"},{"text":"Thank u for this awesome video\n"},{"text":"great video!!👌👍\n"},{"text":"\n"},{"text":"just for information : \n"},{"text":"My brick is not showing up (@45:31). I've checked my syntax. Not sure why it's not showing up.\n"},{"text":"At 36:44 my paddle is gone and i have no idea how to fix it.\n"},{"text":"Great tutorial\n"},{"text":"Any chance of a link to a more in-depth description of the delta time and the animated frame? Not sure I fully get it. Nice video though\n"},{"text":"@54:05, let topOfObject = gameObject.position.y; iso here gameObject position y ? what it will be as gameObject is an Array of three iteams, so each item (this.ball, this.paddle and brick) but be considered equal to topof object? any help appreciated\n"},{"text":"I copied the text exactly but I don’t see a border, please help.\n"},{"text":"Edit: Also, I keep getting a “canvas is null” error. The paddle shows up for a moment but just as soon as I make any sort of update it vanished and I get the error\n"},{"text":"LITTLE BROWSER STYLE\n"},{"text":"There's a mistake at 13:20. That should obviously be this.position.x += 5 * deltaTime;\n"},{"text":"if this code isnt working for you put the style for gamescreen in the html inside the canvas element not by itself in the title...\n"},{"text":"At 10:01, how do you draw the paddle without defining the ctx.fillStyle?\n"},{"text":"How do you make the canvas without html\n"},{"text":"min 5:08 // Hi thanks for the tutorial, in my project seems like there's not need to clear, I don't understand why your canvas reproduce that kind of latency and not in mine, is there any explanation for that?, Thanks.\n"},{"text":"can you tell me any tips for learning javascript and what websites you may have used? Thanks!\n"},{"text":"why cant i import\n"},{"text":"can i use visual studio code as a editor ?\n"},{"text":"the stabilization\n"},{"text":"Python3 tutorial part2 please\n"},{"text":"Excellent thankyou\n"},{"text":"Increase font size can't see anything\n"},{"text":"Get used to the word \"this\". its everywhere.\n"},{"text":"my code isn't working even when copying his html one to mine... bah...\n"},{"text":"why does replacing paddle with an image(using the same kind of code used in ball.js for example) give out \"Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type\" . It's fine first time on autorefresh but if u then manually refresh it breaks.\n"},{"text":"Excellent tutorial. I have learnt so much from this, not only about game development but JavaScript also. Coding along with a project like this is a great way to learn. Thank you for taking the time and effort to make this video, it is much appreciated.\n"},{"text":"1st one watching\n"},{"text":"Problem with freecodecamp tutorial is tat the screen is too tiny can't even view properly on my smartphone ..... It's also difficult to see on my monitor screen .....\n"},{"text":"https://github.com/KarthikNedunchezhiyan/Multilevel-Ballbrick-Game\n"},{"text":"Got to about 28:28 --- and my entire game disappeared and the Pall and Paddle classes are saying there is an unused declaration for deltaTime? I'm super confused ... I have no idea what I did!?\n"},{"text":"i tryed this for the objectlist... works also\n"},{"text":"\n"},{"text":" for (let i in this.gameObjects){\n"},{"text":"\n"},{"text":" this.gameObjects[i].update(deltatime);\n"},{"text":"I spent 15 minutes trying to figure out why it said the canvas was \"null\". Turns out it was because of a space I put in between the equal sign, and the value I was defining....\n"},{"text":"I don't get a thing: you pass the deltaTime in the update() function of the Paddle as a parameter, but you don't actually divide by it anywhere, like you did in the example. Does it work just like that? I mean, does it work just the way you explained in the beginning? Can somebody please help me with this?\n"},{"text":"Also, the paddle's not coming to the center.\n"},{"text":"20:00:00 omg look\n"},{"text":"Groovy grails tutorial please..\n"},{"text":"Actually, you don't need ctx.clearRect anymore because the screen automatically updates in Code Sandbox.\n"},{"text":"I followed the tutorial correctly. I typed my code the same as his. But why won't my paddle move? (issue started from 19:17) Someone, please help me. (Issue in the tutorial: Moving the paddle, 17:56- 21:35)\n"},{"text":"my canvas isn't being drawn???\n"},{"text":"In a choice between canvas and p5.js, which is more suited for making web based games and why?\n"},{"text":"I keep having this \"Cannot set property 'innerHTML' of null\". Any help\n"},{"text":"What is your wpm\n"},{"text":"Question: Why does having the if statements at 22:54 make the paddle not stutter?\n"},{"text":"Wow\n"},{"text":"Can't get my imports and exports to work for some reason??\n"},{"text":"For anyone who cannot get past the first 5 min of the vid:\n"},{"text":"Do not use import/export, unless your browser allows it or you use the same ide as he does. Just do the normal at the end. The JS code got executed before the HTML was loaded.\n"},{"text":"h\n"},{"text":"You haven't learned how to record a Programming video tutorial :(\n"},{"text":"That mouse pointer is highly distracting and annoying\n"},{"text":"You should Maximize the the font when u're make the video. That's the Common sense. Disappointed freecodecamp\n"},{"text":"I have question: Why Ruby is so overlooked when the language has the best design? I mean lots of stuff introduced in ES6+, Java 8+ even Python were already built-in in Ruby no one can deny Martz is the best lang designer!\n"},{"text":"Relieve to hear that this video does not contain Indian accent.\n"},{"text":"Thank you just made my Day. I just get into APIs and this is the best start I have.\n"},{"text":"This video was absolutely AWESOME!!! He did it slow enough to keep up with and explained how and why everything worked. Definitely subscribe and watch.\n"},{"text":"I'm trying to use pure JavaScript without jQuery. So, I'm trying to use fetch and promise. But how should I pass the option to the fetch request?\n"},{"text":"Hi, what is the limit for how many api calls users can make before they start charging please and how would you go about charging people who use your app? Thanks\n"},{"text":"Thank you for sharing your experience. Excellent tutorial, understandable explanation. Good work.\n"},{"text":"great vid! but doesn't this expose your API key and everything? how does one prevent that? would one have to make the API-queries server-side?\n"},{"text":"If you wanted the videos to always be updating how would you do that? I'm assuming API calls to some database where you hold your videos?\n"},{"text":"Very good tutoriel video. I learned a lot. Great Youtube presentator: clear voice and good presentation speed.\n"},{"text":"I run into an issue at \"$.getJSON(URL, options, function (data) {\" when I put an alert(\"test\"); piece in to check if it is being hit, it is not (but it is hitting right before it).\n"},{"text":"Hey, \n"},{"text":"I want to ask a question. How can i use getCurrentTime and getDuration functions in this way?\n"},{"text":"I have to admit that I love the explanation! Awesome stuff!\n"},{"text":"Nice, and thanks. It's always fun to see what else you can do with the data from an api request. Also, question: I had this issue and duplicated it on your example pen.. when scrolling through the list, when it reaches a certain point (seems like about where those elements would hit the top of the page behind the main vid) it causes the main vid to disappear?\n"},{"text":"In css I had to do my hover like this. article:hover { border: 2px solid #ff9999; }\n"},{"text":"awsome videos I followed and made one. Thanks for the Tut, I'll watch for more.\n"},{"text":"Loved your video a lot bro. Keep continuing this work\n"},{"text":"You shouldn't be using 'var' anymore.\n"},{"text":"Thank you for making this video.\n"},{"text":"Fantastic video...very helpful...thanks for making it. Much appreciated!!!!\n"},{"text":"I see now, that duplicate the video data.\n"},{"text":"Hey can help me with this my main video and thumb disappear. After the Loop\n"},{"text":"Amazing\n"},{"text":"Hey can help me with this my main video thumb disappear. After the Loop\n"},{"text":"Best API video I have watched. thumbs up bro.\n"},{"text":"Thanks. Good work!\n"},{"text":"Super! Thanks a lot!\n"},{"text":"great job. helped me a lot.\n"},{"text":"Awesome.\n"},{"text":"I did it ! Thx man\n"},{"text":"You rock man!!\n"},{"text":"thanks for telling\n"},{"text":"how many of you followed what he said and still don't really quite get what's going on?? 😞\n"},{"text":"does the api allow for a post to comment?\n"},{"text":"please guys I have a problem , I got only one item that contains the information of the playlist\n"},{"text":"https://developers.google.com/youtube/v3/docs/\n"},{"text":"Can we play youtube private videos using this method ?\n"},{"text":"Am I the only one with a GET 400 error?\n"},{"text":"Please make an app with sidemenu and complete responsive..\n"},{"text":"right on point, no nonsense comment the same as other weirdos. but where is the next video just about APIs?thanks\n"},{"text":"What editor is that? It looks very helpful. Thank you for this video!\n"},{"text":"May you Tell Us ......How To Make Instagram and Facebook Apk also....\n"},{"text":"Great video. Very easy to follow.\n"},{"text":"Hi ...nice video ..how do you create your cartoon logo? What is the app?\n"},{"text":"Your logo link has broken\n"},{"text":"Man, you saved my life. Thank you.\n"},{"text":"\n"},{"text":"With love from Russia <3\n"},{"text":"How i can solve this problem?\n"},{"text":"Really awesome video\n"},{"text":"he made it so simple....but watch it at 1.25x speed ..lol\n"},{"text":"U must use ` quotation marks, not simple single ' or double \". it's called string templates. yet simple quotes can work in some browsers, but ll not work in others. So it's a bad practice\n"},{"text":"Sir I'm new to Android developing and coding...\n"},{"text":"Whether this code is for android studio ?\n"},{"text":"Very helpful, simple, and easy to follow. Thanks to the guy who suggested 1.25x speed.\n"},{"text":"Its not working\n"},{"text":"Completed! Soon my ultimate youtube interface will be complete (:\n"},{"text":"Nice\n"},{"text":"Great video, do you like Framework7 ?\n"},{"text":"Give the name of this editor\n"},{"text":"Bro can you please tell your software setup and required priminities to be done.\n"},{"text":"Damn 1hr too bad bro\n"},{"text":"You should zoom out so that we can see the code as a whole.\n"},{"text":"i am new here i need your help i need YouTube channel verify my webmaster... how?\n"},{"text":"Love the video! It inspired me to make my own channel! I Do website development tutorials and web app tutorials! I really enjoyed the video. It taught me a lot, I aspire to one day help someone with development like you!\n"},{"text":"for those stuck at the 3:19:00 mark, \"compose\" is no longer part of react-apollo. So do this:\n"},{"text":"1. exit with ctrl+c\n"},{"text":"2. type \"npm install lodash.flowright --save\" or \"yarn add lodash.flowright\"\n"},{"text":"3. enter \"import { flowRight as compose } from 'lodash';\" at the top\n"},{"text":"If you are having issues around 2:41:00, after the CORS package is enabled, use\n"},{"text":"app.use(cors()) \n"},{"text":"instead of app.use(cors). \n"},{"text":" i.e invoke the cors function.\n"},{"text":"I had watched several videoes for graphQL, I have to say this is so far the best ... actually best of the best ... very easy to understand and instruction is so clear ... thank you!!!! I have watched 30% and I have convinced myself to commit the time and complete the whole tutorial... thank for so much!\n"},{"text":"Awesome, awesome course!!! I just finished it today (took about 2 weeks with my available time), and it's definitely one of the best courses I've taken. Thank you for this material!!\n"},{"text":"mongoose connection as of 2019-10-22:\n"},{"text":"\n"},{"text":"mongoose.connect(, {\n"},{"text":" useNewUrlParser: true,\n"},{"text":"I paid for a course on this topic at udemy, and this is 1000 times better. For free! Thanks a lot. Great content.\n"},{"text":"Amazing tutorial. Just to mention, given that we're in 2020 now, I used React hooks instead of Class Components to setup and manage states, and it took me fraction of the time of doing the equivelant in the tutorial. Still interesting to see how it's done using the old way (Class Components). Many thanks for the tutorial.\n"},{"text":"VSCode is all you need!!!\n"},{"text":"When you don't feel like hitting the enter key a bunch of times…\n"},{"text":"\n"},{"text":"npm init --y\n"},{"text":"What have I learned in this video:\n"},{"text":"almost the whole GraphQL\n"},{"text":"also the word gobbledygook\n"},{"text":"Hahahaha I finished that course yesterday jajajaj, the net ninja is a awesome man!\n"},{"text":"great tutorial! I'll recommend to upgrade it to react hooks instead of using class components because the latest version of apollo isn't compatible with!\n"},{"text":"Love how Brits pronounce HTTP as 'Hedge TTP' lmao\n"},{"text":"This tutorial is SO great. very clear and spells out all the details and then some. so glad I found this!\n"},{"text":"57:55 nice vibrato (jokes aside, thanks for this amazing tutorial; it's incredibly well explained)\n"},{"text":"This course is amazing! You're a great teacher.\n"},{"text":"The Compose method at 3:15:00 was removed from react-apollo and you will get an error. The solution is to install \"loadash.flowright\" (npm install lodash.flowright) and then you need to go to the AddBook.js and at the top \"Import * as compose from 'loadash.flowright' \"\n"},{"text":"Great language, Great tutorial! You actually make me smile a lot of time during this wonderful course)) Thanks!\n"},{"text":"Wow! Thank you for this! Now I can watch Shaun Pelling's GraphQL Series in 1 video, haha!\n"},{"text":"No even 30 minutes in and I am already learning and excited to watch the whole thing! Great job and thank you!\n"},{"text":"I am a GraphQL + ReactJS addict!\n"},{"text":"thank you for this most enjoyable tutorial\n"},{"text":"I recommended my GF for netninjas django course. she loved it. thanks man.\n"},{"text":"Shaun is my most favorite teacher so far. :D\n"},{"text":"awesome video sir, well done. Helped me a lot with grandstack for work. Maybe you can go deeper on grandstack once too.\n"},{"text":"One of the best online tutorial on the internet. This helped me a lot. Thank you.\n"},{"text":"Thanks, I made a refactor of the code with react hooks taht you can see it in my github :3\n"},{"text":"@1:24:12 is one of my favorite parts so far... the closure around the value of fields is so brilliant by design. <3\n"},{"text":"Huge thanks for this series! I had previous experience extended an existing GraphQL server at work, exposing new endpoints and writing resolvers, but this was a really coherent, well-explained set of lessons that helped me understand how the many pieces fit together.\n"},{"text":"That was amazing. Great job!\n"},{"text":"Great tutorial! Followed along with the whole thing! I wish you would have covered all of CRUD and added the updating and destroying parts as well but that shouldn't be difficult at all with this set up. To others I recommend using styled-components instead of the method shown at the end of the video. Cheers\n"},{"text":"I bow down before thee, Master of Graphs and development. Great tutorial, Thank you!\n"},{"text":"And now I want to read Terry Pratchett Books 😁\n"},{"text":"Great tutorial!\n"},{"text":"This video is awesome. Your explanation is very clear and well paced. Congratulations.\n"},{"text":"Great tutorial! I'd definitely recommend this.\n"},{"text":"looking forward to what you guys (TheNetNinja and FCC) can continue doing together!\n"},{"text":"I just completed this! Loved it ❤\n"},{"text":"The most amazing tutorial on this topic. You have solved some of my major life problems. Thanks a lot!!!\n"},{"text":"the best GraphQL Course ever. Thank you, Sir!!!\n"},{"text":"That was a really nice tutorial. Thanks so much! Cheers!\n"},{"text":"well that was a great video. Managed it on a leisurely Saturday. Now I'm gonna have a go at making an 'Add Author' component. Might even make my own video on how I did it.\n"},{"text":"Wow, great!\n"},{"text":"This is the best tutorial I've watched regarding GraphQL. Best of the best. I've used paid Online Courses as well but nothing matches this. Thank you so much for the tutorial\n"},{"text":"Awesome tutorial, thanks so much for sharing this knowledge; you got me to deploying GraphQL endpoints using Serverless-Framework. stoked !!\n"},{"text":"Just finished it, and let me tell you guys: THIS IS 4HRS OF PURE GOLD!!!!!!\n"},{"text":"This video is awesome... I've watched quite a few videos on a number of subjects covered and this has made sense where there were gaps previously. Also having been in Australia for 8 years its nice to hear a home grown accent from the north of England! Sir... you are a legend... I will be tracking down more of your videos... Your Mongo one is next, because I am still struggling a bit with NoSQL databases being a bit old school...\n"},{"text":"God bless The Net Ninja\n"},{"text":"When I'm testing queries in GraphiQL and I introduce a where clause, I get this error: Unknown argument \"where\" on field. Why is this? And how can I fix it? \n"},{"text":"Awesome Tutorial!! Thank you so much for this.\n"},{"text":"it's the best tutorial ever. Thank you very much Sir!\n"},{"text":"Amazing tutorial just watched it entirely and worked along. Definitely worth all the time. Thank you!\n"},{"text":"Greta course Shaun. Done with this tutorial and i'm searching for a React-Apollo course with state management.\n"},{"text":"hi, thank you for this course!!!, could you please teach us how to add authentication? greetings from Ecuador\n"},{"text":"Incredible! Everything is just perfect! Only suggestion : 1080p.\n"},{"text":"Booom!!! Dude Killed it. I am sooo grateful.\n"},{"text":"What I found most tedious is handling images / uploads in Graphql. Currently, I have another endpoint for uploads. Does anyone has successfully uploaded images?\n"},{"text":"one again i am learning new tech from net ninja , <3\n"},{"text":"This is the best GraphQL tutorial I have watched! Thanks for sharing this great content :)\n"},{"text":"This is hands down the best video on GraphQL out there. Thank you!\n"},{"text":"Thank you for dedicating your time to do such an awesome tutorial like this !!!\n"},{"text":"Very high quality presentation! I might be shooting myself in the foot by saying this but... this content should be charged for!! Even small details like how you say \"require\" in a slightly different tone of voice, make this video enjoyable and easy to follow. Many thanks!\n"},{"text":"Hi! Do you have any tutorials for creating custom scalar types? I am having a trouble on creating my schema since some of my object's fields are of BLOB, Date, Char, Text and ENUM type\n"},{"text":"Dude, youve been up my alley all week, thank you much sir. Net NInja has a new Vue course that is awesome too, check it out.\n"},{"text":"A very good tutorial! if your having difficulties with following along this tut i will suggest reading the documentation for the packages your using, it will make you a better programmer!\n"},{"text":"love the way of to be simple , simple is the key to success \n"},{"text":"\n"},{"text":":)\n"},{"text":"when using Apollo, you can download a vscode extension called \"Apollo GraphQL\", it helps alot :) btw thank you so much for this tutorial!\n"},{"text":"This is the best tutorial at all for graphql i have seen, thank you buddy :D\n"},{"text":"Hi, I watch the complete tutorial, I Liked it very much because you delivered very clearly with a nice technology stack. Thank you so much for sharing and took time to create for people like me. You are Awesome man. Thanks once again.\n"},{"text":"Thank you so much for this course. \n"},{"text":"So much learning! Awesome!\n"},{"text":"You rock dude!\n"},{"text":"Thanks so much for this tutorial. It's fantastic.\n"},{"text":"\n"},{"text":"Important tip for Lesson #16: before you install mongoose, you have to install mongodb (npm install mongodb).\n"},{"text":"Then when you add mongoose.connect, after the connection string you have to add { useNewUrlParser: true }. The whole thing will look like this:\n"},{"text":"Do you have any tutorial about how to upload image(image path) to mongoDB using Graphql ??\n"},{"text":"Thank you for making this extensive tutorial. It is FANTASTIC!\n"},{"text":"Thank you very much for taking the time to produce this great series. You helped me a lot to learn the basics of both. Kudos.\n"},{"text":"Hey, thanks for the work, it's speeding up my own. Btw,excellent Idea, the example of th e Book + Author details : SO ok, basicallyt, GraphQL is like INNER JOINS but on JSON..bothon server and client, it's clever.\n"},{"text":"Epic list of books there, sir. :-)\n"},{"text":"This was perfect. Very nice pacing. It was a pleasure watching and I learned a lot. Thanks!\n"},{"text":"Awesome! Superb! Thanks a lot! The best video ever about graphql, apollo, react, express, node and more. thanks, you are the best\n"},{"text":"hey! it seems like a solid course. do they cover file upload with apollo?\n"},{"text":"@freecodecamporg \n"},{"text":"I am using graphql-hooks instead of react-apollo. Do you know how to refetch a query or queries after a mutation is completed?\n"},{"text":"This is fantastic! Extremely clear and well explained!\n"},{"text":"I deployed my client side code with npm run build. Is there a way I can do the same with the server code? That way I can keep my app running online without using my localhost:4000/graphql\n"},{"text":"net ninja love you mate... always followed you\n"},{"text":"seen a lot of content for learning graphql this is by far the best tutorial out there. great job and you make the best ta dah noises ever\n"},{"text":"Jeebus, thanks! Anyone able to implement Edit books with GraphQL?\n"},{"text":"Man I have an interview tomorrow and needed to whip up an application. The application I need to create is way different, but this helped push me in the right direction, thank you.\n"},{"text":"Great job and lovely tutorial. I gained my first knowledge of GraphQL here.\n"},{"text":"This tutorial is the gold standard. Covers the majority of Apollo Client, React, GraphQL. :)\n"},{"text":"This video is just perfect! You explained everything perfectly and made it really easy to understand and implement in any project. Thank you!!\n"},{"text":"Nice video, was wanting to get to know more about graphql for some time now, and so far this is a nice intro. \n"},{"text":"\n"},{"text":"Just one questions (at the moment), why are you not using a monospaced font? \n"},{"text":"Wonderful video, this is what YouTube should be all about! Thank you\n"},{"text":"1:32:49. Correction - Mongoose is an ODM, not an ORM. \n"},{"text":"ORMs are for SQL databases; ODMs are for document based databases. \n"},{"text":"MongoDB is a document-based database.\n"},{"text":"I'm kinda sad that we're all watching the vids here and not on his channel, so he doesn't get the traffic - especially since it's free! I'm gonna head over there for the rest\n"},{"text":"Best Tutorial On GraphQL!\n"},{"text":"hands down best GraphQL video i have watched, very informative. this guy is a legend\n"},{"text":"Huge thanks to an author for this awesome tutorial. Really straight to the point.\n"},{"text":"Hi, there! It would be really helpful for the deaf if you could add subtitles to this video. Thanks\n"},{"text":"is there a good way to check if the client has enough access to query the data?\n"},{"text":"Thank u for this awesome video\n"},{"text":"some noble soul that can subtitle it? Thanks xD\n"},{"text":"Perfect phasing and explanation in layman's term. Very easy to follow without getting bored :)\n"},{"text":"Really nice tutorial, i do appreciate it a lot the effort to teach us. I have a question: when i have several and large \"ObjectTypes\" to query, is it suggested to split the schema into more schema.js files to make the code more readable?. i.e. book-schema.js, author-schema.js, library-schema.js, etc.\n"},{"text":"thanks for this nice tutorial!!\n"},{"text":"3:06:02 would it best practice to initialize name, genre and authorId to null instead of an empty string?\n"},{"text":"Thank you for this great tutorial\n"},{"text":"You are a great teacher. I watched your video and got the best satisfaction of graphql. Easy to understand, well articulated from this great instructor. You are indeed a gem. Thank you so much for the effort and time to make this video. Big thanks!\n"},{"text":"Thank you so much sir for such a wonderful class it’s much better than paid courses. May I know your name so that I can follow your courses\n"},{"text":"This video is super helpful. Thank you so much. Also if you can explain, how to make this app LIVE, how to deploy this app ?\n"},{"text":"This course is simply FAN.TAS.TIC. Thanks for taking the time to record and publish it up. It is a good primer regardless of which framework one prefers. Worth updating it, although can be difficult in case of 4hr material. Thanks again!\n"},{"text":"This is phenomenally well explained.\n"},{"text":"This is by far best tutorial and really great hands-on video... thanks for doing this and continue with more...\n"},{"text":"God bless you mate <3\n"},{"text":"The videi it's awesome. thanks guys freecodecamp, you are changing the world. Excelent video.\n"},{"text":"~3h23:00 why did a book get created with empty strings at all, if we had put GraphQLNonNull constraints previously?\n"},{"text":"Awesome tutorial thanks\n"},{"text":"What a great series, finally got a chance to watch :)\n"},{"text":"Perfect video! Keep doing good work!\n"},{"text":"Amazing course. Great job! Keep that up!\n"},{"text":"great video! any way to refech query or wait for add/edit function result returned on server side?\n"},{"text":"Awesome video, gave me a really solid foundation. Thank you\n"},{"text":"When making a request for books and contain authors (something like book { name, title, author{ name }}); As you can imagine this is leading to per author query for each book (might be a problem if the list goes really big?). In Restful if you have this situation you might just send a join statement (book join author) to db directly if it is for fetching a list of books. Is there a way coding in graphQL to make it efficient?\n"},{"text":"This is excellent. Thank you :D\n"},{"text":"Thank you for this tutorial. Very nicely explained.\n"},{"text":"thx <3\n"},{"text":"I have no words to describe how easy you made me understand about graphql! Thank you so much!!!!\n"},{"text":"The net Ninja. My favorite JavaScript teacher\n"},{"text":"very nice brother... it taught me mongodb, I avoided it tactically in past but it's really that easy to work with mongodb\n"},{"text":"Thank you for this tutorial\n"},{"text":"You are the best teacher I have ever encountered in web development!\n"},{"text":"You shared an awesome content here. It a very good course for beginners like \"me\". Thanks a lot.\n"},{"text":"How do I update a certain document in my database using graphql?\n"},{"text":"Thanku freecodecamp and net ninja ..God Bless\n"},{"text":"If you are having a problem 3:16:30 when importing compose, it's because 'compose' have been removed from React Apollo 3, you can instead use \n"},{"text":"import {flowRight} from 'lodash';\n"},{"text":"Gobbledeegoop hahahahahaha\n"},{"text":"ultimate course for a novice like me. Now I can say I am a junior ninja:-)\n"},{"text":"For anyone with nodemon issues: \n"},{"text":"run this instead: npx nodemon app\n"},{"text":"Best Tutorial On GraphQL! Thanks\n"},{"text":"now do it for reactjs functional instead of classes\n"},{"text":"How do I upload image to book cover?\n"},{"text":"Wow, amazing tutorial\n"},{"text":"the best tutorial ever!\n"},{"text":"Now that mLab has migrated to MongoDB Atlas, anyone else having trouble getting past the database connection portion?\n"},{"text":"how to this.props.addAuthor() in react native\n"},{"text":"I hate it when shaun uploads into premium sites.. i love this guy\n"},{"text":"this course is really helpful. thanks\n"},{"text":"thank you for this course\n"},{"text":"2:34:20 Best practice use in index.js file like this:\n"},{"text":" const app = (\n"},{"text":" \n"},{"text":" \n"},{"text":"You could have used the apollo server and greatly simplified your express code! The way you did it is painful :-D\n"},{"text":"Thankee sensei.\n"},{"text":"thank u <3\n"},{"text":"Wonderful! Clear explanation, very easy to understand.\n"},{"text":"Awesome tutorial!\n"},{"text":"Thank you very much for very well prepared tutorials. Much better then paid courses on other resources.\n"},{"text":"2:16:45 You 'npm install create-react-app -g'; but that does not work anymore since version 5.2 - The docs say:\n"},{"text":"\"we recommend you uninstall the package using npm uninstall -g create-react-app to ensure that npx always uses the latest version.\"\n"},{"text":"Instead npx should be used now to install a react app!\n"},{"text":"great tutorial. Don't see the link for the mongo db course though 1:30:12\n"},{"text":"Awesome tutorial!!\n"},{"text":"hey gang... ninja on freeCodeCamp!!!\n"},{"text":"thank you!\n"},{"text":"compose is no longer exported from react-apollo, use: import { flowRight as compose } from 'lodash';\n"},{"text":"Excellent tutorial. Thanks. Made lots of useful notes:).\n"},{"text":"Thank you so much..You put so much effort to make us understand.\n"},{"text":"For People getting error @ 57:57 in GraphIQL UI. Error \"message\": \"_ is not defined\"\n"},{"text":"Solution=> \n"},{"text":"Step 1) npm install underscore\n"},{"text":"Step 2) Add ` var _ = require(\"underscore\"); ` in schema.js\n"},{"text":"Within the first 3 minutes, you demonstrate very impressively that you haven't understood anything about REST in the first place. This is really sad as it destroys any kind of confidence that you actually made an effort to understand GraphQL any better than that. It's totally possible that you do and that I'm missing out on something great by looking for a different tutorial. I'll have to do that, though, as I am perfectly capable to admit that I don't know a lot about GraphQL and I sure as hell can't tell if what you're telling me makes sense or not.\n"},{"text":"The best tutorial of GraphQL. Muchas gracia Net Ninja.\n"},{"text":"like and subscribe\n"},{"text":"great video and explanation. what would writing a mutation for deleting a book look like?\n"},{"text":"Please add subtitles for this video!\n"},{"text":"Do we need to define authorId as a field in BookType? I am surprised parent.authorId is accessible in BookType without defining it.\n"},{"text":"You are amazing Tutor !!\n"},{"text":"Thumbs up for visualizing the graph at 8:00. Very helpful thank you\n"},{"text":"Is there any in-depth courses on GraphQL to actually fully understand it.\n"},{"text":"You did a really great job\n"},{"text":"\n"},{"text":"Really understandable and working codes\n"},{"text":"Awesome course, very well explained. Net Ninja is the best !\n"},{"text":"Any particular reason you named your lodash constant literally \"_\" ?\n"},{"text":"Great channel for learning new technologies..\n"},{"text":"he is a great teacher!\n"},{"text":"I logged in just to like this video. Super awesome...\n"},{"text":"Thank you very much!\n"},{"text":"Can you show update book video. i have stack. when i update the book. update book api call then refetchQueries call but its not updated books comes. but when refresh its show correct. update time refetchQueries not get updated values, Why ??\n"},{"text":"Hi fantastic explanation and project! Can anyone had this error I can't find the solution anywhere? Please advice \n"},{"text":"\"Attempted import error: 'compose' is not exported from 'react-apollo'.\"\n"},{"text":"Awseome video! Can you do a video on deploying to heroku ?\n"},{"text":"Please make complete videos series on json and ajax\n"},{"text":"Great video! thx!\n"},{"text":"Cheers for this I am currently going through the course and refactoring to use with an Apollo Server :P\n"},{"text":"If you want to learn more about JavaScript, check out these playlists on our channel:\n"},{"text":"▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5\n"},{"text":"▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F\n"},{"text":"▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704\n"},{"text":"You all can't see it but this guy is super handsome ;)\n"},{"text":"15:03 For some reason, when I run that example in JSBin it's returning \"NaN\", not \"null\". Hmm\n"},{"text":"Wow, I thought the comments would be informative as the video.\n"},{"text":"My goal is to build my own chess engine and I only have experience with Matlab from school, I found this tutorial very useful in explaining the java language.\n"},{"text":"28:27 was that your cat??\n"},{"text":"print('Thank you, Dylan.')\n"},{"text":"document.write(\"Thank you\");\n"},{"text":"I Like you lil bro, keep it up! Been watching you for so long, feel like i know you. You've shared so much of your personal life as well as professional life, its hard not to get you. Either way. Thanks for everything you do to help others and yourself. You are important, you should feel important. I just drank a fifth of vodka dear me to drive? I named my daughter after you, we should be together....hahahaha, just fucking witcha. Peace! also, i gotchu on twitter, just added you.\n"},{"text":"Subbed. This has been really easy to follow. Sure I'll watch it again a few more times. Thanks.\n"},{"text":"Before this video if you could add more description - from where to install and what it could lead , why should we learn it . It is too early directly starting coding if you could make additional 10 min video - telling about IDE environment etc would be great.\n"},{"text":"Wait i recognise that voice 😏\n"},{"text":"@freeCodeCamp should we wait for the same course but for TypeScript please? :)\n"},{"text":"Dolan is that you? 😆\n"},{"text":"Many thanks!\n"},{"text":"28.30 😂 The cat answered\n"},{"text":"What is app?\n"},{"text":"Kindly make the font size little bigger..Its an amazing course.\n"},{"text":"I Really Loved The Course\n"},{"text":"Thanks for such useful videos! That's the only reason why I enabled notifications only for this channel!\n"},{"text":"Fun Fact: If you name a item \"null \" In roblox it will bug out and not work because it can't handle it\n"},{"text":"LinkedIn learning has a javascript course but I couldn't tell you which one's better. it's how you sell the course.\n"},{"text":"Thanks for the video.\n"},{"text":"Great video, many thanks\n"},{"text":"38:40\n"},{"text":"Please upload bootstrap 4.2 tutorial\n"},{"text":"I have a simple question, what is the IDE? how did you integrate the console to your IDE?\n"},{"text":"Can't find the JS algorithms Dylan mentions at the end on Scrimba.\n"},{"text":"Ide?\n"},{"text":"yeah i would learn from just 156436746468746465 hours of talking\n"},{"text":"Really need help, the main bit about coding which I can’t understand is the use of things like “.’()/-[]{}<> I mainly see . () and “” being used however I don’t understand the reasoning why you use them sometimes I see double brackets sometimes triply speech marks and a dot in between two words or an underscore between two words I can’t get my head around when you need to use these and why.. is this something you just memorise ? Really need help because I just don’t understand why all these different types of “punctuation” is used, I could be writing some code but then wonder do I need an underscore .. do I need a dot... do I need to sets of brackets.. do I even need brackets, you get the point\n"},{"text":"what is the name of this editor?\n"},{"text":"Pls which IDE are you using. I've been searching for it but couldn't find it\n"},{"text":"Original Creator of this tutorial is scrimba\n"},{"text":"maybe a very stupid question, but what kind of ide do you use for javascript?\n"},{"text":"How many videos will be in this course?\n"},{"text":"Guys...can anyone tell me which text editor he is using on the video..?\n"},{"text":"A lot of these new improved syntax methods are nifty, but still not in use in the places I'm trying to learn to code for, haha. Great to know all the same though! :)\n"},{"text":"When did JavaScript started needing backticks and dollar sign for string interpolation? Can anybody explain?\n"},{"text":"Too bad the video quality does not allow you to see clearly what he is typing.\n"},{"text":"Yeap this is Dylan Israel. I recognize the voice\n"},{"text":"Serverless is a vine-ripened tomato.\n"},{"text":"How ! why you don't care about the infrastructure of the conducts !!! the water conducts !\n"},{"text":"++Great to know. Tks\n"},{"text":"I thought this video gonna be confusing but after watch it through it actually very simple to integrate your application to FaaS\n"},{"text":"Captions say syphilis.\n"},{"text":"Good introduction with example. Thanks!\n"},{"text":"What about other cloud serverless platforms, like Azure, Google or IBM?\n"},{"text":"Great video... It will be great to see a DynamoDB (Amazon database) connected to Lamda.\n"},{"text":"How is this different from a nodejs application deployed on heroku/redhat openshift?\n"},{"text":"If you really don't care about the infrastructure you end up like Flint.\n"},{"text":"I've seen that u're working as a fullstack developer at rovio, I'm right? Which stack do you use?\n"},{"text":"tell some example projects of server-less\n"},{"text":"Actually, many of us do care about the infrastructure which delivers water throughout a city.\n"},{"text":"Is AWS the only choice for serverless?\n"},{"text":"at 5:27 you get the point of the video, serverless, serverless, serverless... Boum make an AWS account, why not Azure or google cloud or firebase ?\n"},{"text":"Please so somthing extra for better understanding\n"},{"text":"This means, if you own the server it is just maintenance cost, that to over a period of time that would be negligible where as this pay per use server will suck your blood forever. Dare to argue with me?\n"},{"text":"This could be more to the point about what serverless is. I didn't understand until about 2 minutes in. It felt a lot like talk about water and a picture of tomatoes. Then at 2 minutes in, a brief sentence about what serverless is. I suppose now I will google what that term means.\n"},{"text":"I'm half way in... Still no idea what serverless is!\n"},{"text":"\n"},{"text":"I do know about water utilities though, and if I'm a dev ops, then I need to learn it.\n"},{"text":"Do you need some more lipsticks ??????\n"},{"text":"You kind of sound like Jared Dunn from Silicon Valley 😂👍\n"},{"text":"Hello! Thanks for the tutorial, I just had a problem, when I add the media query to make the font size responsive, it doesn't seem to make any difference to the text when I resize my browser.\n"},{"text":"If this guy had a full course on Front End Web Developer i will pay with my soul for it... i wish i had this kind of teachers at school\n"},{"text":"Woooooooooo 3,000!\n"},{"text":"Following along! Love it so far. Is there any way I can use Jquery or Javascript to insert html (blog) statements instead of inserting the html manually? More specifically, I'm helping my buddy create a blog portion for the website I made him, I would like him to easily be able to add / remove / update posts without trying to teach him html, he's a farmer and has no time for that.\n"},{"text":"what is that plugin you have to show the browser and open in browser. That seems really useful\n"},{"text":"Absolutely loved this tutorial! I was wanting to know how I could fix up my website and I believe I can do it now. Thanks!\n"},{"text":"i did exact the same but my grid isn't centered\n"},{"text":"Hey +Zaydek Michels-Gualtieri\n"},{"text":"Thanks for creating this tutorial series. \n"},{"text":"Good job!\n"},{"text":"I CANT WAIT TOO LEARN CODE AND MICRODOSE ON LSD AND BECOME A MILLIONAIRE!!!,\n"},{"text":"LIFE IS COOL\n"},{"text":"How kind of you to share with us. \n"},{"text":"Thank you very much!\n"},{"text":"Why do you put a 1fr space around the article when you can just put a margin around the entire element?\n"},{"text":"I can't see the grid(\n"},{"text":"You are really close to 1 million congrats\n"},{"text":"someone send me the link to watch the cosmos\n"},{"text":"wait what kind of software for the html?\n"},{"text":"Question, why did we split 2nd column into 3 instead of using 1st and 3rd columns as left and right padding ? @13:37\n"},{"text":"what program is that?\n"},{"text":"Can you tell me what will be displayed in the line font { 20px/1.2}. I mean I know what 20px is but what is that 1.2?\n"},{"text":"From 6:39\n"},{"text":"Very nice video! Congrats!\n"},{"text":"Can you give the link to download the software you are using to code ?\n"},{"text":"I can't seem to get the grid columns to work in Notepad ++. Basically around 9:20.\n"},{"text":"I can't seem to get the grid columns to work in Notepad ++. Basically around 9:20.\n"},{"text":"fiz tudo certinho mas a imagem de background nao vai por nadaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa\n"},{"text":"Help :root won't turn into other color\n"},{"text":"Hello sir can I ask you what text editor are you using?\n"},{"text":"thx a lot m8\n"},{"text":"My html file does not produce any output because of the debug.css......need help\n"},{"text":"Just use bootstrap grid\n"},{"text":"Where is the cosmos video\n"},{"text":"Thank you very much. Wonderful video.\n"},{"text":"Also, your voice is, for some reason... annoying.\n"},{"text":"So you made some tags and an image and decided to call that a website !\n"},{"text":"Finally, not a \"Hello World!\" text. ;-)\n"},{"text":"I know all this stuff, BUT I watched out of curiosity.\n"},{"text":"I found your voice pleasant, your language very easy to understand, your presentation was, clear, well thought-out, and very enjoyable to follow. Excellent work! I would pay to have you teach a more advanced topic.\n"},{"text":"You're an excellent teacher. Everything was very clear and concise, with good examples. Well done!\n"},{"text":"Watched the full video ,,watched it again,,I understood everything but I still watched again,am planning on watching again..u teach as if u making a hit song,,jus a lovely teacher\n"},{"text":"This tutorial is insanely good! First time learning HTML and you've made it VERY EASY to understand! Much thanks! :)\n"},{"text":"Best Explanation I've ever seen !! Great Job :) would love to see more like this explaining other language basics\n"},{"text":"This was amazing, a great first start for hands on learning for html.\n"},{"text":"Finally found the best HTML tutorial for me! Thank you!\n"},{"text":"This is the best presented tutorial on web development so far\n"},{"text":"I'm a beginner but when I watched your video, I'm now understanding the basics. \n"},{"text":"Your voice was pleasant, your language very easy to understand, your presentation was, clear, well thought-out, and very enjoyable to follow. Excellent work! I would pay to have you teach a more advanced topic.\n"},{"text":"I will have some problems remembering all those codes and what they do, Can you please recommend a book.\n"},{"text":"I'd love a video on how to upload an image because i'm not sure where to direct the image file path so it can show up on my screen.\n"},{"text":"Love your style of teaching and professionalism. Thank you.\n"},{"text":"That was great. I'm an old school guy from the \"Dial-Up Modem\" days, and I truly still believe that a Simple Lightweight Functional website is still the best. Thanks for sharing this literal \"COURSE\" for beginners for free.\n"},{"text":"As someone who has never tried this before, I am really happy I found this. Also, I'm glad you specified that it wouldn't be pretty by itself, thankfully, I wasn't expecting that though\n"},{"text":"She's an amazing teacher!\n"},{"text":"Thanks..Explanation is simple to understand.\n"},{"text":"wow, You are just an amazing human being! Thanks again...\n"},{"text":"Hey guys, Coder coder is her YouTube channel, I see recently uploaded tutorials there. Someone pin it, and u r welcome\n"},{"text":"Thanks, I need to learn to do this for TSA.\n"},{"text":"your language easy to understand,\n"},{"text":"have had a curiosity of learning how to Code, and as for a starter your presentation is clean and clear.\n"},{"text":"i would love to learn more from you.\n"},{"text":"This is a really great video for beginners like myself! ;)\n"},{"text":"This video was well organized and outlined! She has a great speaking voice. I've watched many html videos and this is the first woman I've come across. I must say, I can see the difference. No \"Hello World\"... no extra chatter, just great instructions and clear, concise content! AMAZING!\n"},{"text":"19:50 image is not saving in my case?\n"},{"text":"Absolutely a great and lovely tutorial for HTML beginner! Thanks for sharing!\n"},{"text":"thank you so much! Ive always wanted to create webpage using HTML!!!\n"},{"text":"Thank you very much for this content you have created. I'm going to search for more of your educational videos.\n"},{"text":"Great delivery and and very well put together. As a novice I sure appreciate her clear soothing voice and her organized presentation. Now I am looking for an intro to CSS done by her. Audience let me know if you have seen other videos by her. Thanks.\n"},{"text":"She got nice voice and convinced me to watch till the end, I also learn, great teacher.\n"},{"text":"I'm still curious but how do you have \"Text Document\" and where I can get those thing\n"},{"text":"15:05\n"},{"text":"So there are no strikeout tags?\n"},{"text":"Really Simple as well as Amazing...\n"},{"text":"Thank you! Your awesome and inspirational!\n"},{"text":"Really helpful tutorial - thanks. I just want to build my website from scratch rather and it can feel rather overwhelming! I’ve just started the CSS section on free code camp but have had to admit defeat! So going here to work through some of these tutorials to do my website.\n"},{"text":"Why am I seeing the commands display when I refresh the html file on the browser? They are supposed to be invisible correct?\n"},{"text":"Nice detailed informative tutorial on 'tables' towards the end of the video. It was very helpful, indeed. Thanks.\n"},{"text":"This video is really helpful! Thank you !\n"},{"text":"Hi! I am viewing the HTML for the first time. Thank you for sharing your knowledge.\n"},{"text":"i have been looking for this one. Thank you.\n"},{"text":"Uhm, I hope you guys know it by now, you can also type !\n"},{"text":"To get all the basics tags\n"},{"text":"And lorem for the lorem text\n"},{"text":"woah, i tried this. pretty damn cool! 😎\n"},{"text":"You're the best! Thank you!\n"},{"text":"hi thanks for the amazing video, btw have you heard of the podcast- something scary?? you sounds like her. no offense. okay. whhahahah thakns again.\n"},{"text":"Super Simple website,excellent! Wonderful! You are very good at that. That was first class work...\n"},{"text":"I really enjoy your video!!! nice and concise! comfortable voice!!! Thanks!!!\n"},{"text":"Thank you very much \n"},{"text":"I understand HTML vert well now thanks to you \n"},{"text":"You really helped me\n"},{"text":"Continue like that 👍\n"},{"text":"We don't have super eyes I can't even see what you are typing\n"},{"text":"Thanks for sharing, loved your tutorial!\n"},{"text":"We want to see a lot from her because she is very good and she knows what she's doing\n"},{"text":"Best Explanation I've ever seen !! Great Job .Thank you\n"},{"text":"Wow I can finally do HTML time to move to Css\n"},{"text":"I always scared of learning HTML after watching this.I'm excited to go ahead and get started. Thanks a lot\n"},{"text":"really helpful thank you so much :D\n"},{"text":"Best HTML tutorial fit for purpose, you are a great teacher. You gained a right before you made it. amazing very helpful .... it will be help if you can on advance HTML as well or share a link if it's already available.\n"},{"text":"Thank you so much for the video. I have a Question, when your copying - paste a paragraph how do you do so it looks like a paragraph. Im using visual Studio too but when I copy paste de info it goes like a straight line. Thanks\n"},{"text":"not working for me and im using vs code 2019\n"},{"text":"any1 help me\n"},{"text":"Your amazing at explaining things. Subscribed!\n"},{"text":"What extension you have the DONT WORK??\n"},{"text":"This is a great tutorial!!!\n"},{"text":"this was very helpful. thank you.\n"},{"text":"While watching i saw rowspan=\"3\">Fall work for you but i in my html website it dont work\n"},{"text":"Excellent video! You explained everything clearly, and as one of the below comments says, you have a very pleasant voice. This is my the first video of yours I watched, I am going to search for your other videos with the hope you created a presentation on CSS. Thank you!\n"},{"text":"Extremely very useful video. Within 33 minutes I learned lot of things. Thank you very much.\n"},{"text":"Great tutorial! Thank you!\n"},{"text":"Although I'm fluent in html and knew everything you showed, I took a quick look and It seems it's all very well explained and well put, nice job!\n"},{"text":"i want you to be my teacher in reality\n"},{"text":"Thank you so much!!! It is very helpful and I love your clear presentation!!!!\n"},{"text":"this video is very helpful for someone who's starting. thank you so much (:\n"},{"text":"I like how you speak🙌☺ :)\n"},{"text":"I have checked different tutors for the same subject, by far you are the beeeeeeeeeeest. Thank you.\n"},{"text":"I came here after trbitue page project beat me down. Time to revenge boy.\n"},{"text":"Great video, Thank you!\n"},{"text":"Liking other comments is better than writing it by everyone... 😋\n"},{"text":"Wow! I'm 12 and I'm actually learning HTML. Good job!\n"},{"text":"You are very great. Thanks for that excellent presentation. I learned a lot. Thanks.\n"},{"text":"Woah, you explained it so well. My HTML teacher of the university hasn't any didactics to teach anything >.>\n"},{"text":"I have 1 question can i change the url and how.\n"},{"text":"\n"},{"text":"Btw great tutorial\n"},{"text":"Sooooooo I cant open the file with the coder...PLS HELP\n"},{"text":"Once I start making profit from all the skills I get from freecodecamp, I'm gonna donate hundreds!!\n"},{"text":"I needed a refresher, and this was just the ticket. Thanks!\n"},{"text":"this was really helpful I'm, not an I.T major or anything but I was used to design a basic website using HTML this really helped out a lot your voice is so soothing\n"},{"text":"When i click to open the \"index.html\" it just shows me the search engine of the browser not blank,\n"},{"text":"(need help)\n"},{"text":"Your way of explanation and accent is marvelous. I really appreciate your teaching skills. If you don't mind please make a app in google play store so that it facilitate to recollect during leisure by watching your videos. thanks a lot from my side this video rated 5 stars.\n"},{"text":"Thank you so much. Very nice and useful information.\n"},{"text":"Good explanation!! I may learn from you.\n"},{"text":"Thank you sister!\n"},{"text":"Love your teaching method!\n"},{"text":"Thank u beautiful 👍🏼\n"},{"text":"11:10 simple question i cant find answer to. how come when i copy then paste, the pasted words go off the screen, and they aren't indented nicely like yours? help\n"},{"text":"is there a way i can let other people access the websiite\n"},{"text":"it was quite good i enjoy it and i wanna say thanks and God will replenish ur knowlage\n"},{"text":"Really I enjoy this tutorial.. your language and teaching technique is very easy to understand. just like please teach more advanced topics and more subjects Thank you:)\n"},{"text":"Im trying to follow this and have run into so many issues already... i dont see the title popping up, i dont know how to indent the lines and when i tried to open everything up it kept opening as a text file :(\n"},{"text":"Please don't teach/show bad practices for beginners! The tag's border attribute is deprecated sincs HTML 4.01 (almost 20 years now) and obsolete since HTML5. So it really *does not exist*. Those who learn HTML nowadays should not know about these attributes at all, let alone use it anywhere in their web pages. Either show the proper, valid way to put a border around an image (I understand you didn't want to get into CSS in this video), or don't show it at all.\n"},{"text":"thanks for the tutorial\n"},{"text":"Thank you very much. How do I move my very first website online?\n"},{"text":"Straight to the point! Very clear. Thanks!\n"},{"text":"I don’t understand why I got you , thanks a lot :)\n"},{"text":"Thanks for the effort that you put to make the video. well explained and concise.\n"},{"text":"thank you mam !\n"},{"text":"can I used notepad to edit my html?\n"},{"text":" ty \n"},{"text":"I think your videos are very help full. You are a=from the best online teachers . Good luck.\n"},{"text":"html me coding image bhejo\n"},{"text":"Very good tips for making a simple website ...\n"},{"text":"thank u so much but I wish you were my gf.\n"},{"text":"Wait a minute your voice is the same as the voice in the code tutorials in Khanacademy!!!!!!!!!! OMG!\n"},{"text":"This was extremely helpful but i didn't enjoy the sound of smacking lips in the mic lol maybe don't be so close to the mic next time?\n"},{"text":"Thanks this was very helpful\n"},{"text":"How do you reload the page?\n"},{"text":"Great video thank you!\n"},{"text":"Thanks!!\n"},{"text":"girl do u want to be my girlfriend?u are the best and im rly handsome\n"},{"text":"type \"lorem\" then tab and it gives you all the text automatically.\n"},{"text":"You're an excellent teacher. plz continue\n"},{"text":"Very nice presentation. Thank you.\n"},{"text":"whos is she please let us know. i want to follow her!\n"},{"text":"Finally, it's working. I take back what I have said about it not working \n"},{"text":"\n"},{"text":"NOTE: I'm making a website. It's under construction. It will be finished after 2 weeks\n"},{"text":"Im a child and i use your guys website and it is understandible, well done 👍\n"},{"text":"So I’m confused can only I visit this website because it’s “local”\n"},{"text":"Mam u r osm ,your teaching method is amazing mam 👌👌\n"},{"text":"Love u mam 💓\n"},{"text":"God bless you.\n"},{"text":"Very Good !! Thank You\n"},{"text":"can i use h4 h5 n h6 tags for size variations if i dont want the subtitle to be too big under the title?\n"},{"text":"Thank you .\n"},{"text":"What is the name of this teacher ? anybody knows ?\n"},{"text":"when i put in an image, the actual image doesn't show on the webpage. can anybody help please?\n"},{"text":"Thanks,nice tech.\n"},{"text":"What a good teacher you are!\n"},{"text":"Good explaining. Can I borrow you email please ?\n"},{"text":"any one know this teacher channel?\n"},{"text":"can anybody help me with a wordpress webpage. I have photos im media file and they will not upload into website. I use omnis webhosting and other pages have loaded except media files. I can leave phone number or Im if anyone could help\n"},{"text":"Great teacher !\n"},{"text":"Hi, i need some help sorry- everything i type in visual studio code shows up on the chrome page. but when i say everything, i mean everything. the words \" and are totally visible. the text within and does not become bold either. i noticed when i typed on my computer in vs, the text was white while yours was green? but i dont quite understand the issue. (thank you if anyone tells me what it is)\n"},{"text":"[design update]: \"order shipping info.\"...how many webpages do not display a auto-refresh tracking information for any given online purchase of store goods?!?! right there on the same page after order, just keep the page up, refresh to see what its up to.\n"},{"text":"Eveeything was good but then i did something(i literally don't know what) and now it don't let me save it on the code writer(it says :\"the file \"index.html\" was unable to be saved: The system cannot find the file specifed . (Exception from HRESULT:0x80040009)\" Can someone please help me?\n"},{"text":"Excellent Tuts for Beginners.... Thank You.. Got Chance to hit 1K like for this video...\n"},{"text":"She could describe \"hot tar roofing\" or \"laying cement\" and it would be pleasant.\n"},{"text":"Very Helpful , thank you 🎈 \n"},{"text":"And Which Text editor was that ?\n"},{"text":"Thank You\n"},{"text":"Why doesnt it pop up on the chrome?\n"},{"text":"THE VIDEO IS GREAT - THE FONT OR PRINT FOR THE TAGS ARE VERY TINY. DIFFICULT TO SEE. I HOPE THIS COMMENT HAS NOT BEEN WRITTEN IN VAIN.\n"},{"text":"Can it work on a laptop\n"},{"text":"Very easy to understand. Thanks a lot.\n"},{"text":"Thank you so much🙏🙏👍👍\n"},{"text":"I'm Also Using VS Code\n"},{"text":"she is such a good teacher\n"},{"text":"thank you so much maam.\n"},{"text":"let god give you more knowledge\n"},{"text":"Very clear and concise. Thanks a lot.\n"},{"text":"the download link sends me to a page not found\n"},{"text":"how do u make it so it doesnt show the code on the webpage\n"},{"text":"I am a beginner and am not understanding how to connect with my browser.I opened a file for index.html and downloaded Visual editor.I am using a HP \"Stream laptop.the question is how do I check new website with the entries I have made??thank you for any advice!!\n"},{"text":"In the beginning, you can just type \"!\" and press Tab for the DOCTYPE, HTML, header, body, and meta(s).\n"},{"text":"I am find this\n"},{"text":"love u as well as your work😘\n"},{"text":"My first website at 8:06 became a part the body somehow reading \"my first website This is my very first website and I'm extremely excited\"\n"},{"text":"Whats the website and WhERe Can u download it?👍\n"},{"text":"Thanks.\n"},{"text":"I LOVE THIS TUTORIAL AND THE PERSON WHO MADE IT POSSIBLE.!!!!!!!!!!!!!!!!!!!!!!!!!!!\n"},{"text":"You are a very good instructor. You outlined what would be covered and presented each component that made it easy to follow you. Additionally, you took your time and gracefully guided the viewer through each step from beginning to the end of your great presentation. Thank you for your knowledge and understanding of this subject. This has really helped me through my anxiety of trying to write html. Please don't stop giving such wonderful presentations. Thank you very much.\n"},{"text":"thanks alot mam\n"},{"text":"why wouldnt you put the same meta tags in the body element so tht the body content would also suit to any device. or does it not matter?\n"},{"text":"The simplest and easiest tutorial ever; not filled with a bunch of techno garb!! Love it so much, I had to subscribe to your coder coder blog. Thank you.\n"},{"text":"Can i do this on notepad?\n"},{"text":"Really awesome teaching\n"},{"text":"When I code, it does not show up on the website......\n"},{"text":"AWESOME VIDEO\n"},{"text":"what's your name?\n"},{"text":"Wahw nice\n"},{"text":"You are fantastic.\n"},{"text":"Where have you put the link for Visual Studio\n"},{"text":"Awesome!\n"},{"text":"well explained\n"},{"text":"you talk to fast i dodnt get nothing\n"},{"text":"This video should appear first\n"},{"text":"Hey Guys , those who don't want to type the hole thiing again and again \n"},{"text":"In Visual Studio just type \"!\" then enter .\n"},{"text":"now you just have to write the main tags . \n"},{"text":"the lorem text will show up if u type word lorem and then press TAB!!\n"},{"text":"There's no ability to create a new file from Finder on Mac. It may be worth putting an addendum in the description to save some other folks the trouble of digging up how get past this first step.\n"},{"text":"Very clear to understand thanks\n"},{"text":"Thank you very much for this helpful overview of D3 sir. But one quick note: 17:32 The y-axis is going through the (0,0) point. That may need some fixing. Cheers ^_^\n"},{"text":"I was typing every code, till the last section with API. Then I mentioned this https://scrimba.com/g/gd3js below in the description. It's a lot clear to see that and interact in scrimba.\n"},{"text":"If there is anyone reading comments and didn't start to watch GO TO LINK in the description.\n"},{"text":"Thanks for this ! Just, don't cut the courses, you didn't even finish on the Pie Chart part.\n"},{"text":"Thank you. this has helped me to understand D3.js functions.\n"},{"text":"Excellent and focused presentation on D3.js here, sir; thank you!\n"},{"text":"Thanks for the brief introduction!\n"},{"text":"Very good explanation! Before this video I watched and read a lot of tutorials however all of them were lack simplicity which I saw in this video course. Good job!\n"},{"text":"video starts at 2:00\n"},{"text":"10:29 what is the need of the argument (d)?\n"},{"text":"I heard Internet Exploder. 😂\n"},{"text":"hello! is there a way to automate the creation of the project like the p5-manager from terminal for p5.js?\n"},{"text":"why would you skip the Pie Chart in the middle ?\n"},{"text":"Thank you, I find it simple and useful!\n"},{"text":"Thanks for help, good work\n"},{"text":" :)\n"},{"text":"Hey can we make dynamic flowchart or tree-like structure using D3 js? If yes please teach that how to.\n"},{"text":"Must Say!! Excellent Stuff I found whole throughout the web which can get you going straight forward deep dive into writing your own data visualizations like magic.... Best Tutorial on D3\n"},{"text":"Waiting for TensorFlow.js course :D\n"},{"text":"Just simply explains the written code,not up to the mark\n"},{"text":"Awesome introduction thank you\n"},{"text":"For Pie Chart text to appear add .text(d => `${d.data.platform}`) in the arc.append('text')\n"},{"text":"no one is teaching tricky part, how to grab the data from an external file like csv .\n"},{"text":"Thank you!\n"},{"text":"What's the IDE? Looks very neat\n"},{"text":"Good fast overview\n"},{"text":"I need help with a project\n"},{"text":"https://github.com/d3/d3/wiki/Tutorials\n"},{"text":"Including IE in a list of modern browsers is certainly a misnomer. Aside from that, great info.\n"},{"text":"Why the Pie chart section is dropped halfway ?\n"},{"text":"Too bad none of this stuff works at all. I want the last couple hours of my life back.\n"},{"text":"Been following this tutorial but where is the css for this? my bar-chart is not showing, only the labels at the top of it is visible.\n"},{"text":"WOW\n"},{"text":"That was one of the worst teachings of a subject I've ever seen. So, what did you teach the viewer? You just repeated what you wrote. That's not teaching. Do you not see it from the perspective of someone whose new to all this? It's meant to be explained slowly yet you were going so fast. And how are you to understand the context of what your saying without a picture, something to visualise. Terrible\n"},{"text":"What is the IDE used?\n"},{"text":"I'm trying to use V5 for a binary tree, just by chance do you know of an example of tree with V5?\n"},{"text":"Hello why was there bracket wrapping barWidth variables like [barWidth * i, 0], even though it is neigther array nor rendered in HTML?\n"},{"text":"how to color individual bar column in bar chart?\n"},{"text":"Very nice content for beginners..\n"},{"text":"what is that ide?\n"},{"text":"My graph isnt showing??? any help guys??\n"},{"text":"Axes should be Axis?\n"},{"text":"Its a nice introductory video, but its a bit annoying that it is divided into these very small sections, and that each small section has an intro and an outro (in the previous lesson bla bla bla) ...\n"},{"text":"Useful\n"},{"text":"6:39 and 9:00 explanation of enter() is not very informative\n"},{"text":"Small correction: plural of axis is axes (pronounced: ak-seez) not axises. Thank you for great tutorial!\n"},{"text":"Good introduction, But plz for any course, make sure to zoom in the text to be seen well in mobile devices\n"},{"text":"Bro can u upload visvalisation using bar charts\n"},{"text":"why is the preview window so tiny??\n"},{"text":"\n"},{"text":"could have used the html-preview extension for 1/2 to 1/3 of the editor window\n"},{"text":"hire someone with a better accent\n"},{"text":"Thank you freeCodeCamp for the repost.. glad that you liked the video and Thank you everyone else who liked the video.. Appreciate it :)\n"},{"text":"\n"},{"text":"Edit :\n"},{"text":"This is great. Thank you so much for this knowledge. I intend to use this tomorrow at work. :-)\n"},{"text":"Excelent tutorial! I'll try to reproduce it! Thank you!\n"},{"text":"useful tutorial, Thank you!\n"},{"text":"Great video. I think what most people are liking is that when you add this CSS loading animation with a page transition.\n"},{"text":"Great video. Didn't realise just how easy this is 👍🏻\n"},{"text":"very simple and clean explaination.. gonna subscribe The IT Guy channel\n"},{"text":"Really awesome bro. Explained css animation in the simplest way possible.\n"},{"text":"Thank you mate.\n"},{"text":"Thanks!\n"},{"text":"very helpful thanks\n"},{"text":"very nice sir\n"},{"text":"Ironic that I actually learned more about git commit workflow than ESLint on this tutorial. Thank you regardless!\n"},{"text":"thats fast typing :)\n"},{"text":"The URL ends with 'es' nice'\n"},{"text":"I got a nice satisfying *that just clicked in my brain moment*, thanks!\n"},{"text":"Good video, little hint here: you can just write down npm init -y and it will generate for you default package.json without answering questions\n"},{"text":"2:20 that's how computer respond to my code😣.\n"},{"text":"Love the video, thanks :\n"},{"text":"What frustrates me more as each day passes on is that every single time, I start a project, even if its just doodling (if you know what I mean)\n"},{"text":"I have to go through this same motion every single time.\n"},{"text":"Thanks for that, helped me to a lot! ^^\n"},{"text":"The integrated terminal is looking great. What configuration did you use to have those colors??\n"},{"text":"Nice, clean, and to the point! Excellent intro tutorial!\n"},{"text":"One of the best videos about eslint\n"},{"text":"Amazing,very useful, thank you.Kindly make video for redux js.\n"},{"text":"please can anybody suggest me how to install, initialize and use ESLint only, I am new to coding and this video just frustrates with things that I don't know but I must learn\n"},{"text":"1:14 npm init -y instead\n"},{"text":"Thank's a lot!!\n"},{"text":"i dont know what that last part was meant for, starting at around 8:00.\n"},{"text":"Hi, can you help me with a problem in ESLINT?\n"},{"text":"When I activate 'formatOnSave' in VSCode and save my modifications, every time the editor removes the space before a parentheses in a function definition (or, precisely, at 'methods' and 'computeds' objects in VueJs) and I need this space to work with my Lint (Standard). \n"},{"text":"it's not working on sublime text, i's not highlighting anything\n"},{"text":"cool breakbeat intro\n"},{"text":"very clear demonstration, thanks\n"},{"text":"Great tutorial thanks\n"},{"text":"Why did we add lint to scripts in package.json? How does it help?\n"},{"text":"that colors in the terminal. how can i get it?\n"},{"text":"It's ok if you just watch it but if you want to follow along with coding that is waaaay too fast. Constant pausing and rewinding is so distracting and frustrating that it actually makes the whole video pointless. IMHO, if you're supposed to teach someone something you shouldn't act as if it was some kind of race. There's no prize for whoever finishes their lesson first. After 3 min I decided to just watch it and watching without doing is not very helpful in learning.\n"},{"text":"Also, ESLint can automatically fix a huge number of errors for '--fix' command. Example: npm run lint --fix. In this case, you do not need to change code by yourself.\n"},{"text":"I love it. Tho I'd like to know if is there a way to config it as a built-in functionality on vscode? I wanna use it on all my projects but I don't actually like the idea of having it as a dev dependency.\n"},{"text":"It would be interesting to know about your typing flow! Not only speed but shortcuts, layout, etc.\n"},{"text":"How did the for loop pop up so fast? What is the name of that sorcery ?\n"},{"text":"Very useful video!\n"},{"text":"manso aporte hermano mio!\n"},{"text":"Very good! thanks\n"},{"text":"Would prefer to see the windows full screen, rather than waste half the view with you waving your hands about in that annoying, distracting manner... You could learn a lot from Traversy Media in terms of presentation.\n"},{"text":"The server says 'Here's my number, call me maybe' haha\n"},{"text":"I like the mentor but i have left after 10 mins, feel you shouldnt add CSS to the mix until later on. Fundamentals missing at the html start. Sorry\n"},{"text":" should be placed in the you can not put header above sections!\n"},{"text":"the purple background doesn't show up on mine, 'tada'! Thanks though.\n"},{"text":"That moment when html5 is the only thing you understand...it also happens to be the easiest thing to understand :\\\n"},{"text":"if you want to kind of understand this you absolutely need to view the 2 hours HTML course\n"},{"text":"This ain't working on my scrimba and my editor,\n"},{"text":"You forgot to show us how you created CSS\n"},{"text":"- Intro to web architecture (0:00)\n"},{"text":"- HTML documents (4:25)\n"},{"text":"- Nesting (7:19)\n"},{"text":"- Head elements and scripts (11:23)\n"},{"text":"More please. Finally some usefull video for noobs. Thank you!\n"},{"text":"21:30 you didn't use the ending slash on your link or meta tags ( ) because those are not needed in HTML5 but you are using it on your tag apparently? I learned on HTML 4.01 about 20 years ago so I was brushing up on my HTML5 specific things here and this could be confusing to beginners who never did HTML 4.01 or XHTML/Strict HTML\n"},{"text":"How did he select the tags and replace them with all at once? Is there a keyboard shortcut I should be aware of? Thanks for the great info!\n"},{"text":"Can someone tell me \"Where can I get index.js?\"\n"},{"text":"Very Useful...U guys are doing a great work\n"},{"text":"This isn't new beginner friendly, least it wasn't for me. Went to scrimba, this does not work one bit.\n"},{"text":"Useless.\n"},{"text":"I have properly downloaded the code of index.css and linked the index.css file in the head section still no styles showing why?\n"},{"text":"Sir i type exactly as shown in the video . The part of nesting one in notepads but after opening in a browser the color didn't appear but only that hello world came out.\n"},{"text":"You forgot to edit some parts, where you say the same sentence several times. Especially around 24:00 where you introduce the figcaption twice, and 26:30.\n"},{"text":"\n"},{"text":"For someone like me who already knows HTML and just wanted to see what's new in HTML5, there are too many details for beginners.\n"},{"text":"You did it great man! thank you\n"},{"text":"index.css doesn't work as in the video. \n"},{"text":"I linked properly and checked with my own css syntax but , once I replace with given css , it doesn't work properly.. Resetting works but not colors.\n"},{"text":"Thank you , ♥\n"},{"text":"Learnt some news tags. Good tutorial!\n"},{"text":"Day 3 of becoming a web developer. I thoroughly completed another HTML basics video and have logged 8.5 hours of practice. Every hours goes by really fast! I also found myself spending my free time looking at cool websites, cool HTML, and writing down creative website ideas of my own that I will pursue after I learn the basics. Very fun!\n"},{"text":"CSS doesnt work on pc localhost. how can I fix it?\n"},{"text":"thank you for eforts :)\n"},{"text":"Really appreciated the documentation you provided earlier. Great video with resources. Thanks!\n"},{"text":"what the name of this program you work on it i need to download it , thanks\n"},{"text":"Do you know any application what can help for exercise html in Android\n"},{"text":"May I know what text editor u are using\n"},{"text":"how come when you link it to the css it changes the format or the design of the web page without coding the css? or u already prepared the css document for the data you input in the video??\n"},{"text":"How do you move blocks of text like that :D\n"},{"text":"Video starts at 6:00\n"},{"text":"This tutorial is so bad. Skips relevant information, combines knowledge of html/css/js without explaining the logic. the code looks different from lesson to lesson without addresssing the changes. The CSS information is totally ignored but he makes use of that code to beautify his website while explaining nothing of it. If you're starting with this video as a first tutorial, better start with something else because i feel like I have to pause every 10 seconds to check my code and knowledge fits his. In a way it's good that I have to put that extra work into figuring out the solution to my own code problems, but I feel like this is a crash course without too many explanations and that could discourage people.\n"},{"text":"he speak none stop hhhhh is make a noise in my ears\n"},{"text":"At 8:13 what do you use to make it sync directly with the browser when saving the document? Is it the extention VSCode Browser Sync? I can't get mine to work and I think it is due to this requirement: \"A web server supports proxy\". I wonder if you are maybe using something else? I really would love if mine could work too. :)\n"},{"text":"Make more videos like this. This is awesome!\n"},{"text":"Hello! What kind of Editor are you using?\n"},{"text":"intro (1:30)\n"},{"text":"will this cover every basic thing in html\n"},{"text":"Hi. I've been trying to do the first part of the tutorial about nesting and every time I try to type out the command, the background color doesn't show up my website and I'm getting frustrated. What am I doing wrong?\n"},{"text":"Very useful 👍Thank you\n"},{"text":"what's the aplication are you using on this video to write the code??\n"},{"text":"which software do you work on? Atom?\n"},{"text":"what text editor do you use\n"},{"text":"great crash course, simple and useful.\n"},{"text":"Sir u dnt show css or Java script code and result that shows in this video us also use both codes without these we can't make same interface plz how I can do this\n"},{"text":"is it right to use inside ?\n"},{"text":"why aren't you showing the CSS and javaScript files so we see whats actually going on and what elements you are using\n"},{"text":"Why was there no edit on the video ? Look not edited very much\n"},{"text":"https://www.youtube.com/watch?v=KUirY8E_Cv4\n"},{"text":"https://www.youtube.com/watch?v=KUirY8E_Cv4\n"},{"text":"How ll be get contact derails on mail in htlm\n"},{"text":"Informative\n"},{"text":"the only way this works is doing it from the scrimba and getting your css from there\n"},{"text":"Should i learn js first?\n"},{"text":"Awesome , please provide source code of website which is made in this video\n"},{"text":"This course is not focusing on just html 5. It also talks about css and JavaScript. I believe this will creates confusion to people who are new to html 😐\n"},{"text":"I thought HTML5 nullified JS?\n"},{"text":"your teaching crap at least show us the css file that i can follow you with the same styling ...... wac lecture\n"},{"text":"Took me a while to realize, but this course does not claim to be an HTML course, but an HTML5 course. This video shows you the new features of HTML5, so you should better be familiar with HTML, CSS and JS. Using this paradigm, this course is actual quite enjoyable. (Had to remove my thumbs down)\n"},{"text":"i think this great video on youtube ....i hope next time we got a better than video ....so i pay for you ...thank you....\n"},{"text":"Thanks for the video\n"},{"text":"which editor is this??\n"},{"text":"Where i can write this codes ? and how ???\n"},{"text":"I wouldn't say this is a beginner course. It's more of a code along. If teaching html why confuse people with css styling etc? You haven't shown the css doc either so we can't see the same end result as you\n"},{"text":"Why is css file hidden?\n"},{"text":"great useful video tips\n"},{"text":"What is the ide used here?\n"},{"text":"What about forms\n"},{"text":"how can icreat htmll doc,where can i write\n"},{"text":"Why does everyone who \"teaches\" HTML make the same mistake of saying that an id can only be used once in a page????? The id NAME can only be used once, but you can use ID as many times as you want on any page.\n"},{"text":"Hi Guys ! Can someone tell me what this \" HTML1300: Navigation occurred.\" means? Thanks.\n"},{"text":" ?????\n"},{"text":"Can I have the slides?\n"},{"text":"where can I get de style sheet document???\n"},{"text":"i write the same codes but i don't get the same results !! Why ?\n"},{"text":"I know it's nitpicking. But extension != filetype.\n"},{"text":"\n"},{"text":"Sure in Windows you can presume that an .exe is an exe. But I could properly put an image in it and an image viewer on Linux would show it perfectly whilst Windows would have an field day with it.\n"},{"text":"Why can't I see the css? JS? Because it's an HTML 5 course, maybe?\n"},{"text":"Is HTML difficult for a beginner\n"},{"text":"Is this all thats there to be learned in HTML??\n"},{"text":"what text editor is he using?\n"},{"text":"But I wanna know something, If we have tamplates ready, and with html we make statiques websites, why do we learn html? we just need to use wix or wordpress to make them without the need to learning the html language, can anyone explain it to me? I hope I explained my self well\n"},{"text":"Looks like a nice site... but it seems like it won't work without the css and we don't see the css right?\n"},{"text":"Worst video ever. Please remove the video or change the title. Wasted my time.\n"},{"text":"Thanx dude\n"},{"text":"Are there any benefits of using section/article/main/nav/article tags instead of divs? Is it for SEO to help identify the content, or do browsers render these differently in any way?\n"},{"text":"Is this Visual studio code ? because my codes don't work\n"},{"text":"He has the index.css in the description \n"},{"text":"But this course is not for beginers not at all\n"},{"text":"how to make navbar and list item i am try and try but dont\n"},{"text":"wonderful\n"},{"text":"olaf?\n"},{"text":"but why you didn't show the code of css and js file here?\n"},{"text":"where is index.css ?\n"},{"text":"Hello Eric, this is not really ideal for a beginner. The provide index.css link does not correlate\n"},{"text":"with the training project! Could you please supply the actual index.css file used in the course and if needed also the index.js?\n"},{"text":"I'm CONFUSED ! HTML , CSS are for website design . Adobe InDesign is for \n"},{"text":"website design . InDesign is very more fast to do it , HTML - CSS are \n"},{"text":"more difficult and slower to do . clear it to me , please !\n"},{"text":"css code must be shown so that easily understand the design....\n"},{"text":"You lost me at \"Up at the top of our workspace is the gear icon.\" What workspace? Thanks!!\n"},{"text":"Thanks for sharing this knowledge. I learnt a lot in an hour!\n"},{"text":"So the server knows how to sing 'Call Me Maybe' hahaha\n"},{"text":"This is great stuff right here!\n"},{"text":"This video does not emphasize enough that html is only used for document structure, not appearance. Yes it is mentioned a few times, like break break spacing (shudder), but new students of HTML should not even be told that tags like b and i exist. Using them is a very bad idea and the best way to break a bad habit is to never get them started on it. Likewise they should be warned never to use inline styles in actual production because it makes the long term maintenance of a site into a nightmare.\n"},{"text":"HTML is \"hate-mail\" with the vowels taken out. And if it's so universal, why can't I watch my favorite videos on YouTube without it? I used to be able to watch a lot of interesting things. But no more. YouTube's executives, who insist my poor (but functioning) computer has to have HTML5 without telling me what it is or how to get it, should have a serious curse placed on them. Or do they just get a kickback from the computer makers for selling me a more up-to-date computer?\n"},{"text":"Awesome!\n"},{"text":"I did all this as I tried to follow step by step and it doesnt work as I tried in Visual Studio code. I even jumped into Scrimba and doesnt work there either.\n"},{"text":"you are suppose to be teaching beginners, but if beginners can not do exactly what you do as they follow you, because you are hiding other kinds of code\n"},{"text":"i\n"},{"text":"i have a question on nesting... u link the html to the css then the background went blue. how come? u didnt do anything in the index.css\n"},{"text":"Is this full course\n"},{"text":"1. Get rid of distractions.\n"},{"text":"2. Set a schedule. \n"},{"text":"3. Clearly defined Milestones. - Having goals\n"},{"text":"4. Stay Consistent \n"},{"text":"That's a handsome man right there:)\n"},{"text":"Disagree. The key is black coffee.\n"},{"text":"Haha, drop looser friends. I like it.\n"},{"text":"the man the myth! D-money\n"},{"text":"Awesome look Dollan made it to the big time LOL 🤣\n"},{"text":"Congrats on having your video put on FreeCodeCamp \n"},{"text":"Your YouTube channel and live streams are great\n"},{"text":"Get rid of distractions. So sell my PC, ok!\n"},{"text":"loved seeing you here Dylan, looking forward to watch more of your videos on this channel\n"},{"text":"Thank you for your tips. I'm following this path for almost 2 years and I agree, consistency helps to achieve your little goals. Sometimes it's hard especially if you are doing this when you already have a job(like me) but I think that's the right way.\n"},{"text":"Not sending this to my friends coz I'm that loser friend he's talking about\n"},{"text":"Valid source of content here, Keep up the good work Dylan!\n"},{"text":"..& self care ,remember you are the center of it all, take care\n"},{"text":"aayy my homie Dylan\n"},{"text":"A nice tip Dylan, when you're talking or sharing something and you only have to talk, look it straight to the camera, to simulate that you're really talk with the audiance, no always looking for something around and that transfer during watching passes a lack of interest and comes to be annoying. \n"},{"text":"Motivating video, thank you.\n"},{"text":"Ah man...thank u very much for the tips, really great\n"},{"text":"Resume: what is the key?\n"},{"text":"yoooo its Dolan!!\n"},{"text":"I just finished the html css section of free code camps have a job have 3 kids a wife ect. I just wait till the kids go to bed at night and work on it from 9pm-12am every night. I just have 0 social life anymore but its hard to do that with young kids anyways.\n"},{"text":"Where do get those cool Dev T shirts from Dylan?\n"},{"text":"yeah or focus, like what everyone has said already.\n"},{"text":"If you have youtube ?\n"},{"text":"Good info bro\n"},{"text":"Hey Dylan! So i'm trying to become a web dev! When i started i had no knowledge at all! After a few months on freecodecamp i started to learn a few things, but got stuck on java! Now that's hard to learn....and to be honest i need some motivation to keep going on...Any advice?\n"},{"text":"True👌\n"},{"text":"The road to becoming a developer is not a one-size-fits-all model. It this guy gave up on friendships, free time, and everything else, so he could reach success, it doesn't mean yous hould have to do the same. Everyone has their way of learning and getting to their goals. Take this guys advise with a grain of salt.\n"},{"text":"Audio and video are out of sync in Lecture 7.\n"},{"text":"Great video though!\n"},{"text":"Wow... Extremely well organized and presented and very clear and precise explanations. Thank you!\n"},{"text":"The flex-shrink, flex-grow, and flex-basis explanations and examples really helped. 26:00 for those that want to skip to that section.\n"},{"text":"alert(`Thanks for your video, freeCodeCamp`);\n"},{"text":"Thank you freecodecamp for doing this course as a video :)\n"},{"text":"This was really helpful, thank you! It was good to see how the grid moved with the different examples, which I hadn't quite understood when doing the exercises for the CSS Grid and Flexbox challenges. Thanks so much!\n"},{"text":"\"Heyyyyyyyy\" I love it :D\n"},{"text":"You realy helped me here, havent see others explaing the case about the need of putting flex:1 if we want one item to take more width, without declaring flex to the other items... also the css declararation specification was a good reminder , thank you ❤️\n"},{"text":"For Lecture 11, \"Bonus - Reponsive Navbar\", did you do any styling in basis.css for the ul and li? For example, set \"list-style-type\" to \"none\" for li? Can you share? Thanks!\n"},{"text":"at 17:45 to center the button, why not use margin: auto?\n"},{"text":"Dude, this explanation is just great. Very clear and efficient! Subscribed to the channel after this video. Thank you.\n"},{"text":"0:00 -Your first Flexbox layout\n"},{"text":"2:04 - Main axis and cross-axis \n"},{"text":"3:55 - Justify Content \n"},{"text":"6:22 - Positioning items \n"},{"text":"One of the best video tutorial to get started with flexbox. Thank you so much :)\n"},{"text":"Thank-You sir, this helped me style a lot!!!\n"},{"text":"Thank you for this video. I hàve also watched your grid vìdeo and that is equally excellent and well explained.\n"},{"text":"\n"},{"text":"However are you able to do a multi level drop down navigation, which additionally will only appear on small screen sizes by clicking MENU or similar?\n"},{"text":"Per Harald Borgen is an amazing teacher! Thanks!\n"},{"text":"Very informative and content is well explained.\n"},{"text":"Thank you very much. Keep posting such videos.\n"},{"text":"Impressive job, awesome audio, loved the Grid course to, very interactive, its just like a tutorial for dummies, pardon me but in video format.\n"},{"text":"Really helpful. Thanks a ton :)\n"},{"text":"The idea of thinking in terms of axis really helped me grasp how different flex properties affect the items based on the flex-direction value of the container (default or not).\n"},{"text":"what should i do when i want that on small screen only 1 link in row i have and on medium screen 2 and on large all link?\n"},{"text":"or should i must use col-sm, col-md, col-lg is there any generic way that my data adjust it self on all screen from small to large and also size of text should be made small or large according to the screen width and height\n"},{"text":"Love this! So very helpful.\n"},{"text":"Well explained.\n"},{"text":"Love the way the content creator present things! \n"},{"text":"9.99 out of 10....he he he\n"},{"text":"Thank you for your work, i guess It would be incredibly helpful if you would have shown us just for sec your basic.css as well\n"},{"text":"Dude, no joke, i love you! Thanks! :D\n"},{"text":"thank you very much for that effort, you did a god presentation there\n"},{"text":"Hiiii i m a fan of this hii lol :) thank you freecodecamp and all of your volunteers\n"},{"text":"I love the heyyyyyyy at the beginning. well done!\n"},{"text":"it was amazing i didn't have any clue in Flexbox but after learning this tutorial i'm fine now\n"},{"text":"hey, guys, his website is best for learning than youtube(same content flex box)\n"},{"text":"another great video! ;) cheers! keep them coming!\n"},{"text":"Thank you very much. Nice tuto. Please, I'd like to select the submenus in my menu.\n"},{"text":" Help me please.\n"},{"text":"best css tutorial i have seen so far....thanks freeCodeCamp!!\n"},{"text":"this is a very practical video ... I learned many tips from this .. Thank you!\n"},{"text":"Thank you! I will return!!!\n"},{"text":"What IDE is being used? It's super clean.\n"},{"text":"Good job ..this man is amazing\n"},{"text":"A great video, helped me to understand Flexbox. Thanks.\n"},{"text":"GREAT explanation!\n"},{"text":"Thanks for this fantastic video, learning a lot\n"},{"text":"Audio and video are out of sync in Lecture 7 :(\n"},{"text":"FreeCodeCamp is awesome, I am becoming a big fan hahahha\n"},{"text":"Thank a lot, this video very Helpful\n"},{"text":"Can i know how to make that browser automatically change when you type something in code editor?\n"},{"text":"Really good, Thanks a lot\n"},{"text":"nice video! thanks a lot : )\n"},{"text":"N nice.. Thank you.. Best explanation ive seen.\n"},{"text":"VERY VERY HELPFUL FOR ME THANK YOU SIR\n"},{"text":"All videos online are just like read the docs on video, real life projects are much hard and complex!\n"},{"text":"This video just saved my life.\n"},{"text":"Thanks looking for this !1!\n"},{"text":"thx nice thing learning evry day some\n"},{"text":"thing\n"},{"text":"in the Order lecture,can we change the order from 123 to 312?\n"},{"text":"I'm at 33:07 , I'll come back here again\n"},{"text":"Amazing\n"},{"text":"Thanks\n"},{"text":"Great tutorial ,thanks.\n"},{"text":"I have landed the right video for \"flexbox\". \n"},{"text":"Clear explanation and great examples. \n"},{"text":"Thank you freecodecamp :)\n"},{"text":"Thank You :)\n"},{"text":"What IDE you're using?\n"},{"text":"i am still wondering , whats in that basic.css\n"},{"text":"Best Flex tutorial\n"},{"text":"Good information!!\n"},{"text":"At 7:16, why did you use class instead of id?\n"},{"text":"Bite-sized lectures really do the job. Very well presented and explained. Thumbs up!\n"},{"text":"Thank you so much\n"},{"text":"really great ,,, it is the best\n"},{"text":"@7:45 Why can't we use justify-self: flex-end on main axis positioning in this example instead of margin-left: auto? I've tried justify-self but it doesn't work, anyone know why in this case?\n"},{"text":"which text editer is this????\n"},{"text":"Excellent Video Very Very Thanks . I learned whole flex-box\n"},{"text":"couldnt get justiy content to work.\n"},{"text":"Your voice is so clear to hear that it becomes so easy to understand.\n"},{"text":"Thank you\n"},{"text":"Somebody got the difference between \"space-around\" and \"space-evenly\"?\n"},{"text":"You are amazing man. Thx a lot\n"},{"text":"Thanks a ton\n"},{"text":"doesn't work the same using ul li instead of divs\n"},{"text":"ال Flexbox::: هي تقنيه جديدة تجعل من السهل تصميم هيكل متجاوب responsive.\n"},{"text":"ولها عدة خصائص ولل item التي بداخلها خصائص ايضا خاصه بها....\n"},{"text":"بسيطه جدا :-\n"},{"text":"Hey, whta is this browser?\n"},{"text":"Man, sorry I even do not know your name, Big Big thanks to you, and a lots of prosperity for your unbelievably cool lessons!\n"},{"text":"You said there is lessons about CSS Grid, where I can find the link? Thanks in advance!\n"},{"text":"margin-right:auto not working\n"},{"text":"Heyyyiiiiiii to you too\n"},{"text":"what is the difference in justify-content: left or right; and justify-content: start or end;\n"},{"text":"You are the Best ,thank you very much\n"},{"text":"TQVM for this. It is well organised & presented. We are guided through the lesson examples with clear explanations and in an easy to understand manner. I especially like the interactive scrimba version where we get to do instant practice. I highly recommend this video!!\n"},{"text":"Creo que entendi todo!\n"},{"text":"Where is the BASIC.CSS file?\n"},{"text":"scrimba is lit!\n"},{"text":"To enter display:flex, make a container, write row and row-reverse. That is not so hard. What I don't understand is when I need to use flex? In the beginning it shows a navbar, but I can make a navbar without flex.\n"},{"text":"Love! #nohomo Great job!\n"},{"text":"When I do 100% height for html and body, a scroll bar appears in the browser and a tiny bit of the page overflows at the bottom. I've removed margins and paddings for html and body, but that doesn't help.\n"},{"text":"Great Video\n"},{"text":"Hi, I need help if anyone can help . I am having flex-wrap property not working on mobile screens but it works fine when i shrink my browser width. Toggling device toolbar doesn't allows wrap property to work. I need this for my upcoming project and its important. Please help me (see attached screenshots url i have uploaded) \n"},{"text":"Why don't your links to video work for freecodecamp.org? You should also let your students know to disable adblockers when doing lessons instead of wasting people's time trying to figure out why they can't go to the next lesson when they did it correctly. Very frustrating.\n"},{"text":"wunderbar\n"},{"text":"This is misleading. flex: 2 doesn't make the item twice as wide. It gets two times more of the increased size. Big difference\n"},{"text":"nice video\n"},{"text":"1. (0:01) - Your First Flexbox Layout\n"},{"text":"\n"},{"text":"2. (1:57) - Main Axis and Cross Axis\n"},{"text":"3. (3:54) - Justify Content\n"},{"text":"4. (6:20) - Positioning Items\n"},{"text":"U are best\n"},{"text":"I am doing this in the freeCodeCamp now. Is it really that inportant? Seems a bit boring. However it was better than other parts of the course.\n"},{"text":"R.I.P. Bootstrap\n"},{"text":"For people having issues with images not fitting into the grid, Per somehow forgets to add that you need to apply the following properties to the img tag\n"},{"text":"\n"},{"text":".container > div > img {\n"},{"text":"0:01 1. Course Introduction\n"},{"text":"4:47 2. Your first grid\n"},{"text":"8:03 3. Fraction units and repeat\n"},{"text":"11:45 4. Positioning items\n"},{"text":"This is extremely eloquent. Thank you.\n"},{"text":"best Explanation and visual examples on CSS grid ever, ive been watching so many tutorials, but this one was Best from all of it. thank you so much for this tutorial, it really helped alot.\n"},{"text":"wow this is much better than bootstrap! Thank you very much.\n"},{"text":"SCRIMBA FTW :) Love you Per\n"},{"text":"Thank you, it is one of the best tutorials about css grid.\n"},{"text":"there's someone in there lost the damn ring...\n"},{"text":"Perfect tutorial! I want to click the like button ten times... Thanks for this.\n"},{"text":"this great video but I can't figure out why my images are way too big and not all the same size like 29:30 before start changing specific size\n"},{"text":"I'm following your courses, and I have to say that - in particular for a french guy like me -, it's very helpful to find such good quality tutorials. In France, and I guess in some other non-english speaker countries equally, we're struggling a lot for finding concise, really explicite, captivating and entertaining teachings. At least for that, I'm pretty happy having learnt english and some other languages.\n"},{"text":"Brilliant, and enjoyable! Love the personality you add to this tutorial. Thank you so much, this was great!\n"},{"text":"The interactive version linked in the Description is awesome. Thank you!\n"},{"text":"Course Sections:\n"},{"text":"00:00 - Course Introduction\n"},{"text":"04:49 - Your first grid\n"},{"text":"08:04 - Fraction units and repeat\n"},{"text":"Best CSS Grid Tutorial ever. Clear and to the point with great examples. Thank you so much for this. I can now use my newly acquired Grid knowledge with Flexbox .\n"},{"text":"I had to set html and body height to 100% so the \"content box\" with auto-height would actually be responsive to changes in window size!\n"},{"text":"I'm so glad grid was ready when I started learning. I feel like it spead up my ability to \"get it\" by leaps and bounds\n"},{"text":"Personally, I like the grid to be in its own css, and separate from the base css, for re-usability.\n"},{"text":"Bro, thank you so much for this video. The way you explain these tools is perfect for me. It was a little frustrating when you typed something in with the browser in the way, but, other than that small critique, what a great course. Thank you.\n"},{"text":"I'm about halfway through and wanted to thank you for this tutorial. Once I'm doing I'm going to find some old online course projects and restyle them with this and Flexbox.\n"},{"text":"What a wonderful tutorial! Thank you. :)\n"},{"text":"the article part resembles the voice of cs dojo\n"},{"text":"This guy is amazing.He explains everything in detail and links theory with practical examples. :) Thumbs up.\n"},{"text":"Thank you so much for such a nice tutorial ! Keep it up with advanced and latest techniques. We will be very thankful to you for this :-)\n"},{"text":"Thank You so much for this great tutorial! I have one question: is there a way to prevent 2 rows (header and navigation) from scrolling, so that they are always visible?\n"},{"text":"listened to the dude for 20 min... subscribed :))\n"},{"text":"explained it in such a simple and easy way....thank you\n"},{"text":"Very well explained tutorial!\n"},{"text":"Cheers to the Author!\n"},{"text":"Thank you so much man ! this is was really helpful.\n"},{"text":"You explained it so easily man!!! Thank u so much :)\n"},{"text":"grid-template-areas: text-adventure from the eighties.\n"},{"text":"Thanks for this amazing tutorial! I got super confused at the Bonus: Named Lines, but I'll rewatch it and try to understand!\n"},{"text":"The best course ever on the topic. Thank you.\n"},{"text":"Awesome lesson! he sounds a bit like chris from family guy.\n"},{"text":"Very very helpful. Clear concise and visually pleasing. Thank you so much for this video!\n"},{"text":"Thank you <3 I've learned a lot\n"},{"text":"Clearly explained, easy to follow and tremendously helpful. I can't thank you enough.\n"},{"text":"Thank you so much for this tutorial. It has been very helpful. Although I do have a question i am stuck on:\n"},{"text":"\n"},{"text":"During the grid template areas section after you set the container height to 100% and the second row to auto, you had a completely responsive grid that took up the whole page (which makes sense to me). But i copied your index.css file at that point exactly line for line and did not get the same results. My grid has a very small second row (menu and content) and it \n"},{"text":"Amazing tutorial, even better when viewed on the scrimba link! Thanks.\n"},{"text":"what a entertaining thing to learn :D im really having fun\n"},{"text":"Thank you very much for this, best tutorial I’ve seen!\n"},{"text":"css positioning was such a pain until i saw this. Thanks a ton guys\n"},{"text":"First of all i love this tutorial, cause it first time i really understand how the grid works exactly, but for an image part grid i have exact;y the same setting setup but all my images looks quite mess and cannot get them in a right row :(\n"},{"text":"Who in their right minds would give this a thumbs down! Someone took an hour of there time to make, edit and upload this fantastic tutorial which is well explained and detailed and with the click of a butting berate someone. I feel sad for such people. \n"},{"text":"Anyway thanks for this video and keep up the good work.\n"},{"text":"Fantastic content. Very well explained. Much appreciated 👍🏼\n"},{"text":"Thank you for explaining this in such a simple and enthusiastic way. I am doing some courses on Udemy, which cost around £10 each and you teach at least as well as the instructors there, so I recommend that you should become a Udemy instructor and earn from your amazing teaching ability.\n"},{"text":"I can't tell you how it makes me in love with CSS grid...maybe I might say goodbye for bootstrap. kkkkk\n"},{"text":"nice colors =)\n"},{"text":"best CSS grid tutorial , just finished.\n"},{"text":"it was awesome! thanks for sharing good contents!\n"},{"text":"Simply fantastic introduction to CSS Grid. Thank you.\n"},{"text":"wow like. this course is flawless doe\n"},{"text":"Quite possibly the best CSS Grid reference on Youtube.\n"},{"text":"\n"},{"text":"\n"},{"text":"Thank you so much. ☺\n"},{"text":"I've seen couple tutorials about css grid but so far this one is the best.I was blown away with \"An awesome image grid\" part. I encourage everybody to check the course at scrimba.\n"},{"text":"\"Boom\" :))\n"},{"text":"Nice, tutorial. Thanks for sharing\n"},{"text":"WOW! Id been looking at a few \"grid crash courses\" on youtube and opted to go with this slightly longer video and I'm so glad I did! This did such a great job explaining how grid works! Thank you\n"},{"text":"Thank you for this vid!\n"},{"text":"This is the best css grid tutorial ever!\n"},{"text":"nice work, what software do you use to get instant webview response? Thanks:)\n"},{"text":"Awesome tutorial, thank you!\n"},{"text":"CSS Grid is blowing my mind.\n"},{"text":"which software has this live view when you code, this is the best way to learn how to code without getting tired quickly.\n"},{"text":"Such a nice way of teaching. Thanks for the course.\n"},{"text":"cool ---great course! ;) keep them coming!\n"},{"text":"i really loved this video...\n"},{"text":"its really helpful\n"},{"text":"loved it.\n"},{"text":"Heeyyy!!!\n"},{"text":"Great content, thank you!\n"},{"text":"I have only had a sneak peek at this course, and it promises to be amazing\n"},{"text":"thank you\n"},{"text":"veeeeery nice tutorial! :) thank you!\n"},{"text":"By far the best and most complete tuto on CSS GRID I've seen so far! Good job guys.\n"},{"text":"I'm no pro and I usually make my way back to Rachel Andrew for my CSS Grid review, but my understanding of this production is up-there/if-not-better than hers... IJS\n"},{"text":"#YourCakeMixWasALittleBitBetter\n"},{"text":"#ThatAlmostSoundedNasty\n"},{"text":"1st comm\n"},{"text":"I can't make a image gallery like this.My images are not stretching and the layout getting messed up.I would appreciate if someone explain here..\n"},{"text":"Great video. Just to the point, many videos talk and talk but dont say anything, this one is 1 hour but so dense that there are many things to learn. Thank you so much!\n"},{"text":"Thank you so much sir, it helped me alot\n"},{"text":"Damn great class thank you\n"},{"text":"Clear explanation, love it!\n"},{"text":"Nice, wonderful and perfect tutoriel, \n"},{"text":"\n"},{"text":"thank you very much\n"},{"text":"Morocco; 44\n"},{"text":"great staff, thank you\n"},{"text":"Well done sir, well done 👏🏻👏🏻\n"},{"text":"@perborgen | A fantastically executed video detailing the usefulness of CSS Grid. Thank you for taking the time to put this together.\n"},{"text":"Great course, thanks a lot!\n"},{"text":"Great video! This tutorial helps me a lot! Thanks.\n"},{"text":"Really nice explanation. Thanks alot. Can you please tell us what's the real img files dimension?\n"},{"text":"Very good tutorial about CSS grid. That's why I love FreeCodeCamp .\n"},{"text":"Grid blueprint\n"},{"text":"\n"},{"text":"⌨️ 11:45 4. Positioning items\n"},{"text":"\n"},{"text":"⌨️ 18:28 5. Template areas\n"},{"text":"Great course really, but i miss a part where the practical implementation is done from existing websites design. In other words a real world practical example.\n"},{"text":"Probably the best tutorial on CSS Grids. Great explanation.\n"},{"text":"It's a great article ... Thanks\n"},{"text":"Thank you!!! Best video about css grid EVER!!!!\n"},{"text":"thank you for this super course. May i know what text editor are you using?\n"},{"text":"Extremely clear and useful; thanks.\n"},{"text":"Awesome! Thank you very much.\n"},{"text":"Thanks, good explain and great job\n"},{"text":"Great course. Would be nice if there was a theme in this colors for texteditors like vs code or sublime :-)\n"},{"text":"Heeyyyyyyyy!\n"},{"text":"As a sugestion, could you put in the description a link to specif topics of this course and people who has a basic knowledge could start from them, by the way, nice course.\n"},{"text":"Wow! Thanks! Scrimba is amazing!!\n"},{"text":"I've taken a few courses so far, trying to understand grid; but this is by far the best one so far. This guy gets it, and he teaches in such a clear and simple way. I've been on the hunt for a good boilerplate method for myself; and I just think I've found it. Thank you Per Harald.\n"},{"text":"Great tutorial!.. can you show the css that makes your text vertically align. It seems that's the reason why I can't make my div's 100% height. Thanks.\n"},{"text":"I got stuck in that image gallery but anyways thanks its just great\n"},{"text":"38:30 : At grid-template-rows, why does the [main-end] go after the last 40px (which indicates the last row)? Shouldn't it go after the first 40px (indicating the first row which should be taken by header)\n"},{"text":"this is awsome! thanks man!\n"},{"text":"how to vertically align Numbers inside in the middle position?\n"},{"text":"thank you sir😍\n"},{"text":"WOW! scrimba is amazing you can edit directly in the video\n"},{"text":"very nice work!, thanks mate.\n"},{"text":"How can I put text on images in a grid?\n"},{"text":"height:100% not working\n"},{"text":"Thank you for the very informative video tutorial.\n"},{"text":"Thanks freeCodeCamp for the tutorial\n"},{"text":"\n"},{"text":"I need a bit of simple advice. On your example layout, the numbers are centered perfectly inside it’s container. I applied three css rules to get that alignment, witch are.\n"},{"text":"The way you teach is wonderful. Everything is systemic . Explaination is detailed and clear., you turn the difficult and confusing stuff into a easy job. You are a great teacher.\n"},{"text":"Thank you.\n"},{"text":"23:25\n"},{"text":"Many thanks for this useful piece of tuts\n"},{"text":"Amazing video with clear explanations!\n"},{"text":"7:32\n"},{"text":"Thanks you very mach naw I understand the grid system\n"},{"text":"Great stuff thanks!\n"},{"text":"what are the sizes of the images in px?\n"},{"text":"You might also like Peter Sommerhoff's presentation which is also very good.\n"},{"text":"Thank you so much.\n"},{"text":"Thank you so much for it can you teach php with css grid\n"},{"text":"Thanks a lot!!! It was very usefull guide!!!\n"},{"text":"awesome video thank you!\n"},{"text":"Thanks a lot!\n"},{"text":"Game changing. Yes!\n"},{"text":"HWEVR!\n"},{"text":"IMHO in example 5.Template areas, you should use hight: 100vh; and not hight: 100%;\n"},{"text":"I have a question; how do you place the elements on the grid? Where do you place them? Is there anyone that I can contact to help me understand this more?\n"},{"text":"Nice tutorial :)\n"},{"text":"Can you put a grid inside a grid? 🤔\n"},{"text":"The repeat() function is standard css or is some sass or less thing ? (Newbie)\n"},{"text":"This tutorial is sooo under-used. The best on the topic yet so few people are finding it.\n"},{"text":"very good video tutorial!!\n"},{"text":"How is every text placed in the center without any css adjustments?\n"},{"text":"Excellent 👏\n"},{"text":"super! Do you know a chrome extension which detects web app which use css grids?\n"},{"text":"Which editor are you using ?\n"},{"text":"Awesome screen casts !\n"},{"text":"Thanks Daevor\n"},{"text":"cause your mouse cursor is blue which is the same color as your grid box, I found it difficult to focus on what youre trying to demonstrate visually. Part of the boxes also hiding the CSS code behind them as well. Anyway, great tutorial. Thanks\n"},{"text":"after using lost grid for alot of time finally migrated to css grid becuase of no pred processors to run the grid.Have to say css grid is #1 now in frontend grids.\n"},{"text":"Great work\n"},{"text":"Great, lov u!\n"},{"text":"How do we use CSS-grid for template engines where we have default layout and every other page gets inserted in it\n"},{"text":"Thanks a lot\n"},{"text":"What software do you use for writing code?\n"},{"text":"The next time show the complete CSS :(\n"},{"text":"How you set the numbers in the middle(horizontally and vertically) of the div?\n"},{"text":"too good for a free tutorial\n"},{"text":"Its all fine and dandy when it works BUT ITS NOT WORKING THE SAME FOR ME\n"},{"text":"Very Nice & Helpful Tutorial.\n"},{"text":"I am not a native speaker but I could understand every single word in this video. Wow. You are awesome. Excellent class.\n"},{"text":"How come when making an image grid. When I want an image to span from one column to the other, the grid itself does span but the image stays the same size so nothing changes basically? How can I make the images stretch together with the grid?\n"},{"text":"Hey!\n"},{"text":"I got lost with him using the negative number\n"},{"text":"I didn't understand 40:31\n"},{"text":"Some on the text on the bottom is cut off.\n"},{"text":"Great distilled knowledge - thanks for this one 🙏🏼\n"},{"text":"very good bitesize course, especially using css variables in JS. Thanks!\n"},{"text":"You should watch your videos before uploading..some code aren't visible especially at the bottom\n"},{"text":"Hey nice tutorial. I want support for IE 11. Is it possible..?\n"},{"text":"how do i use css variables for font family ??\n"},{"text":"Which editor is this?\n"},{"text":"Nice!\n"},{"text":"What does :root mean?\n"},{"text":"Thank you FreeCodeCamp :)\n"},{"text":"Good job ! thank you !\n"},{"text":"Nicy typing tutorial you've got there...\n"},{"text":"thank's......🤗🤗🤗🤗🤗\n"},{"text":"You are really fast lol\n"},{"text":"Πολυ καλο μπραβο!\n"},{"text":"Loved this video, thanks for the great explanation!\n"},{"text":"i have studied and watched these videos, but at work we do not have this methodology. How would one suggest implementing this at a workplace?\n"},{"text":"It's broken now(they changed the user profiles) but this is a great intro to web scraping, thanks.\n"},{"text":"How to do scraping where login/authentication is required.\n"},{"text":"Great work man! I love these types of tutorials!\n"},{"text":"It's a very good basic tutorial to start off, the only thing that could be improved is the use of async await which I am also doing on my videos on NodeJs Scraping\n"},{"text":"can we call the function next() at the end of the function getChallenges...() instead of returning it?\n"},{"text":"Thanks a bunch for the tutorial! You explained it clearly & helped me in understanding this tutorial 👌\n"},{"text":"\n"},{"text":"UPDATE:\n"},{"text":"When I tried to run this code, I got an error that says:\n"},{"text":"when we would have stack overflow with these next() recursions?\n"},{"text":"Hey. How do I access that Network Activity from node? I.e, get a hold of the links without doing so myself\n"},{"text":"GREAT!!!!!\n"},{"text":" Is there any way for you to allow the \"index.js\" to run when you click a button?\n"},{"text":"Nice video. Thanks!\n"},{"text":"If somebody wants to see alternative video on this topic, i have one. Unfortunatelly with eng subtitles for now.\n"},{"text":"Cheers\n"},{"text":"all I'm hearing is the fitnessgram pacer test\n"},{"text":"that function name, jesus.\n"},{"text":"Great job! Mapping userData to promises and then using Promise.all() would have allowed to fetch completed challenges asynchronously.\n"},{"text":"I have a question. This method will work on the angular and react?\n"},{"text":"I'm getting challenge column empty, I did exactly same can anyone help.\n"},{"text":"what about doing similar tutorial but using headless browser so you don't have to use their API and can make it work with different pages <3\n"},{"text":"Nice tutorial. I wish you could do with pages who needs login/password. And scrap tables. Sometimes I wish to organize my Medium favorites, it's a mess, and can't use their api for this (already requested on their github)\n"},{"text":"Good . It help me very very much. thank you for making this video.\n"},{"text":"Oleg Samsonov.\n"},{"text":"Thank you! Great tutorial!\n"},{"text":"Awesome tutorial! Can you make a video on how to download assets(videos or images) by scraping the website's code and then downloading the particular asset to a directory? Is this possible with Node.js or I will have to use Python for doing this?\n"},{"text":"getChallengesCompletedAndPushToUserArray O.O\n"},{"text":"Thanks for the step-by-step walk-through, Beau. Was just wondering, would this scrape dynamically generated websites, for example sites written with React or Angular? Thanks again.\n"},{"text":"Really nice job. I like your teaching style. Hope to see more videos from you.\n"},{"text":"Awesome video Beau! I followed along but was trying to get data from my profile...I managed to get the HTML from the page but couldn't make sense of it so I went ahead with the jQuery way in the article you show. Thanks for the great resource!\n"},{"text":"Async generators will make the data consumption easier. Nice tutorial :D\n"},{"text":"Does the link within video used not work anymore?\n"},{"text":"Do we need to use some sort of headers?\n"},{"text":"Is there any way where the web scraping results could be displayed in a LUIS chatbot?\n"},{"text":"Thanks in million.\n"},{"text":"Great video, learned a lot. Is it commonplace to use the same name for global and local variables though (options)?\n"},{"text":"Excellent tutorial thanks! Can you share a way we can use node JS to scrape live data from a website, for example live scores ? Thx\n"},{"text":"Good tutorial, but I like more when everything is being tested as it goes. For example do one request and console.log it before starting to add logic to it, and then after parsing, another console.log to see what comes out, and so on...\n"},{"text":"Cool!! Thanks :D\n"},{"text":"can this web scrape angular js websites?Great work though\n"},{"text":"Nice Bro! :D\n"},{"text":"Awesome, thanks\n"},{"text":"FreeCokeCamp?\n"},{"text":"great tutorial! what does it mean if you only get the raw html in your console?\n"},{"text":"the guy at the top is 3.6K and still leading good for him\n"},{"text":"nice video brother, great to see some creative ways to use node\n"},{"text":"hell yeah!!!\n"},{"text":"Hi cool Video. Is the progress bar with the dots (while loading) a node thing?\n"},{"text":"Someone know why he uses a network request link to get all users but go directly on the profile link to get challenges data? Isn't the challenges data on the profile page also dynamic?\n"},{"text":"Awesome video ,thanks man!!!\n"},{"text":"I am a newbie in nodejs but couldn't you use Promise.all([...]) to get the results in order?\n"},{"text":"and then you could run some statistical test to find if there's a correlation between num_hearts and num_challenges_passed\n"},{"text":"I did the excercise but the challenges isnot showing up.\n"},{"text":"well explained, productive and with nice background sound effects lol\n"},{"text":"This is a good webscraping tut\n"},{"text":"I make this tuto on February 15, 2020 by chance. Funny, isn't it ?\n"},{"text":"Video thật tuyệt vời\n"},{"text":"Can you do a tutorial on web sockets\n"},{"text":"don't work\n"},{"text":"Say if I wanted to make a website displaying this data that updated every time the page was refreshed. Generally how would that be set up? Would this code be running on the server? How would it send the data to the HTML? What would be the role of client side javascript vs node?\n"},{"text":"you are probably parsing an easy web site but the real worls is diffrent what about tokens, cookies .. not to mentioned that most website load their contect using javasciprt and simple request might not work..\n"},{"text":"this is terrible! Like if you disagree.(I liked myself)\n"},{"text":"Make more videos like this\n"},{"text":"Using recursion is somewhat confusing, just normal for loop should be fine, right?\n"},{"text":"Sorry, the first part is not web scraping. It's API probing. You encountered a challenge where you don't get the necessary information in html, so you manually figure out the API endpoint that gets the data on the page, and not scraping the user-facing page. I wouldn't call this optimal as a general solution although it is enough in the example. For true web scraping for such cases you need a tool like https://github.com/GoogleChrome/puppeteer\n"},{"text":"Message me I have paid project for right candidate I am not a programmer\n"},{"text":"I want to create a paid service for car dealers I want to scrape car offers from different websites and the client can search all this sites with 1 click on my Site....Is something like this legal without API ?\n"},{"text":"Very nice tutorial 🐦\n"},{"text":"Very well\n"},{"text":"I am having this error when I am trying to do npm install \n"},{"text":"Can anyone know why is this caused or how to solve this.\n"},{"text":"Help required\n"},{"text":"Beautiful voice, hard to concentrate =) but I'm trying\n"},{"text":"Thanks, I can't wait to watch it. I was looking for good Angular videos\n"},{"text":"I am unable to see the items i create on the screen :(\n"},{"text":"Nice tutorial, Eleftheria. I am new to AngularJS and this was helpful.\n"},{"text":"Which version of Angular is that you are using? I have started with Angular 5, but it looks completely different...\n"},{"text":"Best teacher..\n"},{"text":"Please make some more videos. I really like the way you write code. Also, you have an angel like voice.\n"},{"text":"Angular.js with Bootstrap 3?\n"},{"text":"It should be Angular5 with Bootstrap 4\n"},{"text":"https://github.com/EleftheriaBatsou/recipeBoxAngularJs\n"},{"text":"Who uses AngularJS anymore?! Totally useless when Angular 2 + is out there and so different from angularjs.\n"},{"text":"Español Por favor\n"},{"text":"I appreciate the content but I was kind of thrown off everytime the guy started smiling. He looked like there was someone behind the camera trying to make him laugh.\n"},{"text":"8 minutes, if you watch at 2x speed.\n"},{"text":"Well I had to speed this audio up. Nice informational video!\n"},{"text":"It is great that freeCodeCamp produces not only superb articles, but videos too. Although, in my opinion it would be better if the videos are without people on the background. Only graphics.\n"},{"text":"Agreed, I was part of a development team where we practiced Scrum to the T. It was a pleasant experience.\n"},{"text":"oh, good god, amazon in positive light. shudders...\n"},{"text":"great jazz manush intro :)\n"},{"text":"bravo, and amen\n"},{"text":"Brilliant video. Thanks for the detailed explanation\n"},{"text":"I love Jesus.\n"},{"text":"Thanks\n"},{"text":"Yeah dude, you gotta quit smiling like that when you talk. Its awkward, and doesn't seem fitting\n"},{"text":"Short video detailed explanation\n"},{"text":"The development team has been outsourced by our company. Is there still a way to use the Scrum approach? At the moment there is not much communication possible with the dev team.\n"},{"text":"I cant focus on it because of your haircut xD\n"},{"text":"A very good description of Scrum Methodology for Beginners.\n"},{"text":"You r awesome Btw 1st comment\n"},{"text":"Fully code camp it's code same.\n"},{"text":"Great video\n"},{"text":"This guy looks like the adult version of the kid eating pudding in Billy Madison who won’t trade him for his banana.\n"},{"text":"There's no need to have a dude in front of the camera. Really distracting. I watched 3 other videos about scrum without a person in view and feel more informed. But I like freeCodeCamp!\n"},{"text":"Love this, so great!! Not to be picky, I know you are super excellent and I love what you are doing, providing so much great information! but can you please include some female silhouette's when describing Stakeholders, Managers, and Executives! Thank you!!\n"},{"text":"The best freelance web dev advice I found so far! \n"},{"text":"0% code talkie, 100% business talkie! \n"},{"text":"I want to learn more from you! How/where can I do this? How can we connect Luke Ciciliano?\n"},{"text":"What scares me is that clients will expect something to be done in 2 days when it will probably take me 2 weeks. I can figure out most things but it takes me a lot of time.\n"},{"text":"lol, \"If you need structure, go make money for a capitalist.\"\n"},{"text":"This is such amazing stuff, exactly what I needed! Much Love FCC <3\n"},{"text":"People are cheap and don't want to spend the money\n"},{"text":"Great video, Luke! I learned a lot!\n"},{"text":"This could change how I talk to my clients so far.\n"},{"text":"Awesome info! Thanks alot. Any resources for a Proposal template for developers?\n"},{"text":"I wish I'd found this video sooner. Great stuff, thank you very much.\n"},{"text":"Great video! Couple of things to note on BNI though. Firstly DO NOT rely on it for 100% of your business, I've seen people make that mistake and eventually they stop being able to give back to their Chapter. Secondly if the Chapter is not run well the pond eventually dries up because no new people (leads) come in. Just my 2 cents. Cheers\n"},{"text":"The most helpful video about freelance development I saw. Thank you Luke!\n"},{"text":"Great video! \n"},{"text":"Thanks for sharing it with us. :)\n"},{"text":"This is some great advice!\n"},{"text":"Thanks!, I'll try this idea.\n"},{"text":"Thank you for this video Sir.\n"},{"text":"I love the emphasis \" you can sale\".\n"},{"text":"Good discussion, Thanks\n"},{"text":"\"Roughly 30% of those small businesses...\" Do you have a source to this percentage?? I have a proposal/project I am working on and these stats would help out greatly.\n"},{"text":"Great video Luke! Thanks so much for the info. I hope you put up more videos along this topic. This helped me a lot. Also, I really liked that you put all the info on the video notes. When you're trying to learn something, having the notes right there is better than having to rewind the video to find the info. Keep up the good work. Thanks!\n"},{"text":"gold!\n"},{"text":"If you only knew sales, you wouldn't even need to learn to code. You just sell your customer on your service and then sell a coder on making it for you.\n"},{"text":"Thanks\n"},{"text":"im already a freelancer but i just dicovered its not right for me by watching this video\n"},{"text":"I like this guy, there's no bullshit\n"},{"text":"I would not say \"do not go to dev networking events\", you will probably found people with business you can do but they cannot. I do give business contacts to other dev (for free) and they do the same for me. I am not a good business talker so I don't know what to do to in Business events. Usually I feel alone. But in dev tech events, I meet and talk to dev who might have business for me. I had 1/3 of my business from other dev !\n"},{"text":"Great!\n"},{"text":"What about things like SquareSpace or Wix? That's what I'm afraid of going the freelance route.\n"},{"text":"3k for a website?!? 😂\n"},{"text":"How is this free?\n"},{"text":"The only problem with that $21.6B market cap is that most small businesses don't want a fancy $3,000 website and will never spend that much. Even $100 might be too much for many and they will often throw some basic WordPress or a Wix page and call it a day. And those who spend more will often outsource it to some el-cheapo freelance site filled with off-shore devs from India and Pakistan. $500 or less. The ones who are left willing to spend $ in the US are the extra snoby highly demadning and very difficult kinda clients. So in other words to make it in this field you will have to 1) be really really good, efficient, great sales and communication skills, etc. and 2) be willing to starve for the first couple of years until you build up your clientele and further sharpen your programming and your sales skills. Good luck!\n"},{"text":"Guy looks like jon stewart\n"},{"text":"Everyone says people are cheap and don't want to shell out the cash, but you can see the ones where businesses have scrimped on web pages from a mile away.\n"},{"text":"can i hit like 200x?\n"},{"text":"No small business is gonna drop $3000 for a website with all the do it yourself cms softwares out there.\n"},{"text":"You are not a coder, you are a problem solver.\n"},{"text":"Thanks Luke! One Question: Is an S-Corp still worth it if only make $10K or less freelancing?\n"},{"text":"Great video, saved for future reference!\n"},{"text":"Great video! Thanks!\n"},{"text":"I've had it explained to me a few times but the way you outlined each tax entity was really clear and concise. I recently started out on my own and this will help me make decisions about how I can approach these matters.\n"},{"text":" Thank you for making this video.\n"},{"text":"Very helpful! I feel underwhelmed, in the sense that you didn't overwhelm me with too many details. I might actually go for it after seeing this! Thanks!\n"},{"text":"Thank you! This was very helpful\n"},{"text":"Thanks! Wondering about all these things, we are looking to incorporate ourselves in the US, because we need stripe usa for international payments, stripe in my country is still in preview and its been in preview for 18 months!!! so no more waiting :(\n"},{"text":"Nice video.. thanks for doing this. If you could clarify about how do you purchase health insurance that would really helpful.. thanks again\n"},{"text":"IF you want to make informative tutorials.. try making components in order and testing them as you go instead of building the whole app backwards and never running or testing your code once until the end.. no one develops like this.. so in that instance this is a horrible tutorial\n"},{"text":"This is a great tutorial on how to debug an application\n"},{"text":"Since you're using pure ES6 syntax, I would highly suggest you to prefer [...state, newMessage] instead of state.concat().\n"},{"text":"OMG! I just had to create a chat for my final project and followed an outdated tutorial unsuccessfully, and then this link from FreeCodeCamp drops in my inbox. Is this a gift? A coincidence? Ah-mazing. Following the video now, hopefully it would work out well!\n"},{"text":"Way too fast slow down, you also need to explain what you're doing...\n"},{"text":"Great tutorial Beau, greatly appreciated!\n"},{"text":"Can you make a tutorial for deploying this chat application?\n"},{"text":"Thanks for this tutorial! Very informative.\n"},{"text":"\n"},{"text":"Wanted to point out that there's a mistake when server connections are closed. That way the tutorial is coded, the server will remove the user at the 'index' position -- however, the user closing the connection may be at a different index in the array (after other users open and close connections). You can test it out by opening/closing several windows in random order. You'll start to notice that the windows you're closing do not match the user who opened it.\n"},{"text":"You need to slow down.. this isnt a tutorial its a \"watch me code this chat app\"\n"},{"text":"That's a good beginner app. You taught it very well! :))\n"},{"text":"Nice hands-on tutorial, but I guess you need to know about React, Redux, Web Sockets beforehand. \n"},{"text":"In my case, I don't know Web Socket so it's hard to understand that part of tutorial.\n"},{"text":"thanks Beau, great tutorial and explanation. If I may can you create one for react native which connects to backend (preferably using Mongo DB)?\n"},{"text":"the most buggy tutorial I have ever seen\n"},{"text":"Can someone explain lines 17 and 18 at 30:26\n"},{"text":"\n"},{"text":"What is the ref for? What is that node? Why was node used there?Thanks :)\n"},{"text":"When I try to run Yarn start I get Command not found, am I using a wrong version of Node or am I missing something?\n"},{"text":"Great video. Question: why Saga and not Observable?\n"},{"text":"thanks for putting up this video\n"},{"text":"I don't think not using semicolons is a good habit to be taught.\n"},{"text":"How can we add authentication ?\n"},{"text":"Double click + Cmd(Ctrl) + D to select the next occurrence and edit both one time. I was looking for this command, thanks!\n"},{"text":"Helped me a lot. Thanks for this video. Keep it up.\n"},{"text":"There's a little girl whispering at 37:08 *creepy*! haha\n"},{"text":"So... I finished the video, it helped me out a lot, but I gotta say that the only reason I understood what you were doing, is because of previous knowledge. This is not a tutorial at all, it's more of an \"I read someone's code and I type blindfolded\" for a lot of users.\n"},{"text":"this video is helpful (thanks for making it), but there were far too many items that were 'glossed over' for it to be a game-changer. also, I agree with the other commenters who say the lesson lacks cohesion...it would have been far more beneficial to provide some basic diagrams early on in the video that could illustrate the basic structure of this Redux app...in other words, where's the '20,000 foot view' to anchor our understanding? instead, we feel like you are working on a puzzle as fast as you can after someone scattered the pieces of it all over the room. I had some other minor points to quibble, but I don't feel right about it because you seem so gol-darn nice.\n"},{"text":"Really useful, thanks!\n"},{"text":"React with MOBX tutorial please\n"},{"text":"Nice. What're your sublime settings? What packages do you have installed other than sidebar-enhancements? Do you have a settings sync gist with your sublime setup?\n"},{"text":"Beau!! Beau!! Beau!!\n"},{"text":"In the last section of the tutorial that deals with web sockets, how come the client never sends an ADD_USER call to the server before it starts sending messages? Also, shouldn't the server send a users list to each new client at connection time? The app appears to be working for you in the end, which is really surprising considering what I've mentioned.\n"},{"text":"getting error: WebSocket connection to 'wss://localhost:8989/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED\n"},{"text":"If this is Sublime Text, how you can set a folder/files list in left of screen in Sublime's settings?\n"},{"text":"special guest at 37:10\n"},{"text":"Now, any direction on making this work with actual users instead of Chance?\n"},{"text":"what is the equivalent of 'sudo chmod 0777 ./server/app.js' in windows?\n"},{"text":"Merry Christmas,Sir.\n"},{"text":"\n"},{"text":"When we type in a text box (belonging to an input tag), the browser shows up what we have\n"},{"text":"\n"},{"text":"typed immediately( in the same box), without rerendering ( in React terms).\n"},{"text":"Just a link ( or a hint) for more\n"},{"text":"15:13 code is wrong.\n"},{"text":"nextUserId is a const. One cannot perform the nextUserId++ operation.\n"},{"text":"I have clone this repo but am getting users is undef where is it loaded?\n"},{"text":"go in sockets/index.js, then in socket.onmessage(),then in switch() delete the whole case types.ADD_USER-\n"},{"text":"the chat still works.\n"},{"text":"can anyone explain to me why there is no onChange=\"do something while typing \" \n"},{"text":"how is the text updating in the view while you are typing? 49:16\n"},{"text":"Way cool.\n"},{"text":"great job\n"},{"text":"You so f**g fast.. it would be better if you would stop, save all work, show that all still works. So, divide to logical parts.\n"},{"text":"Helpful learning experience trying to follow this. It appears to compile OK for me, but I'm getting WebSocket connection to 'ws://localhost:8989/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED in the development tools console. I think at one point everything came together and sort of worked. I think he got Chance to put random users by refreshing the page on localhost:3000. That only worked once for me, then never able to do it again. Unfortunately, flavio is impossible to reach and this project no longer even exists on his website. Would it be useful to post questions on this at the FCC community forum?\n"},{"text":"Nice bro\n"},{"text":"didnt work :|\n"},{"text":"how to add firebase to this chat?\n"},{"text":"i have some problem\n"},{"text":"\n"},{"text":"\n"},{"text":"Sidebar.PropTypes = {\n"},{"text":"Hey bro, what text editor you use and what theme?\n"},{"text":"Thanks\n"},{"text":"Nice job.\n"},{"text":"thanks its a great tutorial..\n"},{"text":"someone more having this problem? \"Warning: Failed prop type: The prop `dispatch` is marked as required in `AddMessage`, but its value is `undefined`.\n"},{"text":" in AddMessage (at Chat.js:28)\n"},{"text":" in ChatTab (at routes.js:32)\n"},{"text":"The teacher's keyboard usage is very frustrating.\n"},{"text":"Typing all the prebuilt app on the screen is not what developers do. Especially importing the non existing components beforehand is super confusing for learners, who are also beginners.\n"},{"text":"awesome tutorial:D\n"},{"text":"Hey, can someone help me with my issue? Server-side's node app.js command is not working for me. It basically does nothing, just freezes without any errors. It means that my websocket server is not running :/\n"},{"text":"Lost me on the first line of code. What programme has \"arrow chat\" as a prompt? Looks like something out of the '80s! Can I do this on a modern MacBook Pro?\n"},{"text":"Nice\n"},{"text":"Why socket.io? Why no middleware? Skipped...\n"},{"text":"You got the knowledge, but the way you teaching is horrible what a waste\n"},{"text":"worthless\n"},{"text":"Being a beginner who wants to learn the command line this video was really helpful!! Until now I didn't even know where to start looking. Thanks!\n"},{"text":"Hi, Briana! Thank you for your new tutorial:)\n"},{"text":" Great work! :)\n"},{"text":"If anybody wants to dive a bit deeper, Michael Hartl's \"Learn Enough Command Line to be Dangerous\" I found to be easy to follow as a beginner, and very helpful.\n"},{"text":"Freecodecamp/ Briana, thank you for creating this. I am getting back into linux after many years and this is really helpful as a refresher. Your speed of delivery is perfect and I'm sure you've been refining your style over the last 3 years. One comment for others who review this material.... When you ran your good-morning script, the error you saw was \"command not found\". You stated the reason as a file permissions issue, but that's not accurate. If you had told the script from where to run the executable from: ./good-morning\" , you would have seen a \"permission denied\" error. The the file permissions issue would be the cause of a \"permission denied\" error, not a \"command not found error\". The \"command not found\" error was resolved by prepending the ./ . I get why that fixed it, but without the dot-slash, is there a default directory or path that linux is looking to run the command from? Where is default search path defined and is it editable?\n"},{"text":"THANK YOU BRIANA! This is the best command line tutorial - you made it really easy to understand!\n"},{"text":"Nice tutorial. BTW, I love how well you type!\n"},{"text":"I really enjoy this quick tutorial about the basics on bash still working my way to fully understand the terminal. Thank you!!!\n"},{"text":"Thank's, love it!\n"},{"text":"if briana's gonna teach me programming then i can finish python in 2 days\n"},{"text":"You are a good person! You genuinely want to help others learn! Thank you for being a good person.\n"},{"text":"Briana, you are awesome!\n"},{"text":"Nice tutorial Brianna! However I hope there is another following video ,because this one is Not Bash .\n"},{"text":"\"vi doesn't behave-- like you think\"\n"},{"text":"\n"},{"text":"I wonder how many people you just saved from closing their terminals :)\n"},{"text":"Please make videos in Linux and other fields.\n"},{"text":"This is quite helpful. Now I am no more a beginner. Thanks :)\n"},{"text":"Thanks for the information. Was directed to specifically learn BASH\n"},{"text":"I feel a lot more comfortable with bash after this. Awesome!\n"},{"text":"where are all the links mentioned in the video?\n"},{"text":"Thx I tweeted this\n"},{"text":"Really helpful video, thank you!\n"},{"text":"THANK YOU BRIANA!\n"},{"text":"The video was perfect until black screen revealed at 18:20. But still very useful for newbies. \n"},{"text":"\n"},{"text":"Does anyone know tutorial for git that as easy to learn as this?\n"},{"text":"I am using win-bash terminal and I am not able to use vi as explained in 8:40, I am receiving an error : unrecognized term type . If anyone could help\n"},{"text":"Can someone provide me the links that she mentions? I do not see them on the description...\n"},{"text":"thank you\n"},{"text":"Thanks Briana\n"},{"text":"I'm looking for best teacher teach cpp in YouTube but can't find.\n"},{"text":"\n"},{"text":"Best teacher was Mr soheil in youtobe channel :VideoZex \n"},{"text":"He able speak Arabic, Hebrew, English, Russian, Japanese, Turkey \n"},{"text":"I love you\n"},{"text":"keep up good work, you are such a motivation to all other females who wants to get into tech. I love your explanation and i have learnt something actually..\"echo that\"\n"},{"text":"ty\n"},{"text":"tl;dw. Also, stay off Windows, especially version 10.\n"},{"text":"This has NOTHING to do with Bash...\n"},{"text":"Gilfoyle, what happened to you?\n"},{"text":"22:30 at that point I get the error `db.collection is not a function`. It seems a few things are different with MongoDB Atlas, since mLab doesn't work as presented in the video anymore.\n"},{"text":"Post-\"Mon\", lol. Thanks for the tutorial.\n"},{"text":"6:00 Postman chrome extension is deprecated.\n"},{"text":"I like to separate routes from logic inside it, akka controllers.\n"},{"text":"Thank you for the help, getting started with a self-hosted music server project.\n"},{"text":"I have an error: \"cannot find module '.app/route'\n"},{"text":"Can someone help me out with a learning route as I have only worked frontend and now I want to become a full stack\n"},{"text":"love your content man - thank you for taking the time out of your day to teach us this stuff!\n"},{"text":"14:56 Can no longer create a mLab account. The site recommends using MongoDB Atlas.\n"},{"text":"1:40 GitLab has Node Express template to initialize a project.\n"},{"text":"Thank you, it was so helpful to build my first api as a non-developer ! With mongoDB cloud atlas and. the trick db.db('database').collection\n"},{"text":"in new versions of mongodb you must use db.db().collection(etc...\n"},{"text":"Great tutorial, Beau!\n"},{"text":"\n"},{"text":"Also, what theme do you have for your terminal? I love the font and colors.\n"},{"text":"awesome REST API tutorial...!!! thank you for ending my searching here...!!\n"},{"text":"Carnes Beau, great video. Thank you for making it. For all those watching the video in 2018, downgrade your mongodb installation in package.json to ^2.2.33. Otherwise, you will get an error: \"db.collection is not a function\". Source: https://stackoverflow.com/questions/47662220/db-collection-is-not-a-function-when-using-mongoclient-v3-0\n"},{"text":"the latest version of mongodb v 3.0.0-rc0 doesn't work with this tutorial. Will receive db.collection is not a function. Found this solution by Yaxartes. Resolved the issue for me https://stackoverflow.com/a/47662374/9058774\n"},{"text":"Sweet! Thanks!\n"},{"text":"That was amazing. Thank you!\n"},{"text":"cool stuff! :beer:\n"},{"text":"Welcome beau\n"},{"text":"Best Tutorial on this topic so far. I find that you are using a very good approach on showing the error and then the solution to it, and the explanation on why did this error happen. Thank's again sir and keep on doing this great work. Greetz from BE\n"},{"text":"Thanks man great tutorial, just an FYI in the year 2020 after MongoDb version 3 was released the database connection doesn't return a database object it returns a client object and as a sub-object to the client object you can access the database object so now if you want to indicate a collection it's client.db('notes').\n"},{"text":"YEEESSS!!!! YOU RULE\n"},{"text":"I got this from Postman: \"\n"},{"text":"\n"},{"text":"\n"},{"text":"\n"},{"text":"Thank u for this awesome video\n"},{"text":"Thank you for your tutorial, how can we implement NodeJS- base API which will give the results of an SNMP poll of a remote server, having snmp community string, snmp OID1 and snmp OID2, remote server IP any address with port 161, Thanks\n"},{"text":"Best REST API tutorial on Youtube!!!\n"},{"text":"to anyone get TypeError: db.collection is not a function\n"},{"text":"\n"},{"text":"try \n"},{"text":"npm uninstall mongodb --save\n"},{"text":"Can you please make tutorial, teaching how to install and use angular-filesmanager node js app ?\n"},{"text":"https://www.npmjs.com/package/@rign/angular2-filemanager\n"},{"text":"Please I really need help\n"},{"text":"thank you for the tutorial, mLab is no longer accepting new customers and redirects to mongoDb Atlas. could you tell how to proceed to create the db since I could not find the same menus on this new platform?otherwise, is it possible to create the db through the terminal? thank you very much for your answer\n"},{"text":"What about using mongoose? You can avoid a lot of boilerplate and improve maintenance of the app.\n"},{"text":"If you are having issues with mongodb, as Beau mentioned in the notes: \"NOTE: For this to work correctly, you must use the same version of mongodb. Your package.json file should say: \"mongodb\": \"^2.2.33\"\"\n"},{"text":"most of the time you don't decide on which port the app should listen on. It shouldn't set as a const, but with app.set('port', process.env.port, yourDevPort), then the app listen on app.get('port'). \n"},{"text":"With your version of express, 4.16, body-parser is already included in express, with express.json and express.urlencoded.\n"},{"text":"For the routes, the folder structure maybe nice but passing the app as argument to each route along with the dbconnection instance is absolutly useless, you should create a Router instance for each Route module and require the dbConnection instance when needed.\n"},{"text":"Guys IF YOU HAVE WINDOWS! Instead of Using Touch Command to create a new file in the routes directory you instead use NUL > name.js\n"},{"text":"@freeCodeCamp.org what would be the natural follow-up to this introduction?\n"},{"text":"I'm sending hello in Postman but I keep getting unexpected <'H' error all the time.Please help\n"},{"text":"thanks man!\n"},{"text":"Great tutorial! :)))))))\n"},{"text":"nice one, thanks mate !\n"},{"text":"Great demo , thanks for sharing\n"},{"text":"NB in note_routes.js use \n"},{"text":"db.db().collection('notes').insert(note, (err, result) => {.... \n"},{"text":"for newer versions of mongo >= 4.0.0\n"},{"text":"and in server.js use\n"},{"text":"Thanks! Great video! Keep up the good work.\n"},{"text":"On the \"db.collection is not a function\" error. Maybe a Guru could get a better solution.\n"},{"text":"\n"},{"text":"MongoClient.connect(db.url, (err, database) => {\n"},{"text":" const myDB = database.db('') \n"},{"text":"if i use latest version of mongoose (v5 ?) in dependencies and latest driver 3.0 above, rest of the codes the same. Will it still work?? (currently using 2.2.33, driver 2.2.12 or later....)\n"},{"text":"Thanks! how to change the id in Mlab to be a normal integer?\n"},{"text":"Now Mlab has been closed for new user, what are the alternatives?\n"},{"text":"You may run into an issue where you go from getting 'undefined' for req.body to getting an empty object '{}' - by default Postman seems to send data as form-data - but switching to x-www-form-urlencoded in Postman will give you a populated object.\n"},{"text":"Great video!! Keep it up!!\n"},{"text":"great ...that is helpful\n"},{"text":"Hi guys, I'm getting this error on postman each time I make a get request from my database. The POST Method works fine.\n"},{"text":"\n"},{"text":"\n"},{"text":"\n"},{"text":"I can't follow why??\n"},{"text":"This is one ME(A)N tutorial :D\n"},{"text":"outdated, doesn't work atall..\n"},{"text":"I am trying to read MongoDB docs (I am a newbie), it says it is not possible to downgrade from MongoDB 3.x to anything lower than 2.6...can somebody confirm this and tell me I should just find another tutorial?\n"},{"text":"great video!\n"},{"text":"Roger Harrington? is that you?\n"},{"text":"What about stylising the the returned data? And also using other the other verbs?\n"},{"text":"Very interesting stuff yea yea\n"},{"text":"I copied the solution you provided buy I'm having error with the mongodb maybe a localhost mongodb ? Thanks\n"},{"text":"Amazing\n"},{"text":"please ... :)\n"},{"text":"echo \"node_modules\" >> /path/to/fcc-project-tutorials/notable/.gitignore\n"},{"text":"This may help people who are stuck, I had to actually downgrade my mongodb version\n"},{"text":"https://stackoverflow.com/questions/43779323/typeerror-db-collection-is-not-a-function\n"},{"text":"What terminal do you use\n"},{"text":"Are there any rules to set the post number? I've changed 8000 to 3000 and sent the data from Postman, then the Node prompet didn't response.\n"},{"text":"Very Helpfull\n"},{"text":"SAILS.JS or ADONIS.JS api please with jwt auth\n"},{"text":"Hello future Gilfoyle\n"},{"text":"As of February 2019, mLab does not allow you to create a new account and log in to that account. Instead, you have to use MongoDB Atlas. How can I get my URL from there?\n"},{"text":"To get all notes in result, use:\n"},{"text":"\n"},{"text":"app.get('/notes', (req, res) => {\n"},{"text":" db.collection('notes').find({}).toArray(function (err, result) {\n"},{"text":"Getting this error on Postman \n"},{"text":"\n"},{"text":"TypeError: db.collection is not a function\n"},{"text":" at app.post (C:\\Vijay Details\\Node\\noteable\\app\\routes\\node_routes.js:4:10)\n"},{"text":"db.collection is not a function. Can someone advise\n"},{"text":"For those of you with nodemon issues (Windows 10), namely, \"bash: nodemon: command not found\", install the latest nodemon and that should solve it. Here's the link: https://stackoverflow.com/questions/46505121/bash-nodemon-command-not-found-windows-10\n"},{"text":"Your entire app is based on using a webservice that you do not explain at all. Even using your git hub code it does not work because there is something wrong with Postman.\n"},{"text":"oh come on man.. you call this teaching?\n"},{"text":"Vdeo not clear\n"},{"text":"What's that groovy ass beat in the background\n"},{"text":"You make it seem so simple. Could you also explain how integrate a chat bot only on an app?\n"},{"text":"I am inspired!\n"},{"text":"Cool stuff. Shout out from Malaysia\n"},{"text":"Music was too loud, acoustics + music make it hard to hear you, rethink your production maybe.\n"},{"text":"thanks for sharing and making video, but background sound is really annoying.\n"},{"text":"come to the point...\n"},{"text":"All of these were made through JavaScript-FCC knowledge-javascript?!?\n"},{"text":"nice web page...http://www.artchatbot.com/ ο,τι να ναι\n"},{"text":"Just my two cents, write a plan ahead of filming to keep on track and avoid too much repetition, redundancy is necessary but not to that length, it is problematic to have a speaker that keeps rambling around \"interest\" \"feedback\". Use visual cues and breadcrumbs, and create steps through musical build up and sequencing rather than blurt out a background repetitive loop. Form and presentation matter, especially in chatbot\n"},{"text":"Thank you for sharing all this knowledge. Its awesome, and to hear how you have utilized all these platforms to run your product so successfully is giving me hope. You rock.\n"},{"text":"What was your average cost per month, on the platform plus these plugins and what problems did you have to overcome ? \n"},{"text":"how did you solve these problems ?\n"},{"text":"Cool video!\n"},{"text":"All of this knowledge was after completing FCC certificates?!?\n"},{"text":"He’s dropping too much game...thanks for the video\n"},{"text":"get headache from so much information, it is so clear that it becomes unclear. hyrogrous language, does it take a long time to master wordpress? Where can i begin !\n"},{"text":"Thanks for this. Couple Qs - how does Slack notify you when someone has subscribed but not created a listing? And can you redo this video for your use with Flex? Cheers (from down under Aus)\n"},{"text":"Question: When a user chooses a subscription and pays thru chargebee how do you determine what access they have?\n"},{"text":"This is awesome man. Do you have any further walkthroughs how you were able to integrate your Wordpress landing page and Sharetribe? I noticed the footers are the same. I just learned HTML and CSS, so I'm wondering how I can use the custom script in sharetribe to lower the radius of the buttons.\n"},{"text":"How did you connect all these tools to Slack?\n"},{"text":"Great stuff mike. Can you make a video about Sharetribe? Thanks bro\n"},{"text":"How did you then develop the mobile apps? Can users rate studios and vice versa? How much coding knowledge do you have?\n"},{"text":"Hi Mike, thank you for sharing your knowledge. Which hosting provider did you choose for Wordpress and what theme did you use to integrate with sharetribe? Do you have some further info or link that you can provide into this integration component? Thank you.\n"},{"text":"how did you match the subscription setting done with chargebee and sync them with sharetribe ?\n"},{"text":"Is it possible to integrate Shopify with Sharetribe?\n"},{"text":"How were you able to integrate sharetribe with wordpress? I've been fiddling with it for a while now but I can't seem to figure it out...\n"},{"text":"This is really amazing, organic social media marketing at its best\n"},{"text":"hmmm i went to a coding bootcamp 2 years ago in chicago and this was my final project. http://studionow.herokuapp.com/ we built a marketplace for musicians to book studios. So yes this was built :) kudos on making it a business tho!\n"},{"text":"What a incredible story!\n"},{"text":"Hey Mike, thank you for sharing! So much appreciated. Wish you all the best!\n"},{"text":"I like the fact you are breaking down your way of thinking+what tools you used(e.g. squarespace logo creator etc)\n"},{"text":"CONGRATS mate excellent vid!\n"},{"text":"\n"},{"text":"I would like to know more about the way-method in contacting in general with other people (e.g. convincing them that this is a good idea etc) as well as informing us of the way you can earn your income from this (do you keep a percentage of the payment for each studio? )\n"},{"text":"Yooo thank you so much for this video. Feels so real haha, even if those websites were paid plugs Imma still visit them. Love this channel\n"},{"text":"Wow, just speechless jajaja\n"},{"text":"Unreal! Wishing you all the success you deserve ++ \n"},{"text":"\n"},{"text":"I’d like to see some more of the technical stuff you did with sharetribe\n"},{"text":"Fantastic idea! Thanks for sharing this story.\n"},{"text":"Did you decide from the beginning to use the \"pro\" sharetribe solution (more expensive than the \"hobby\" one)?\n"},{"text":"This is an incredible video; gave me the inspiration to move forward with an idea. Until this video, I did not know how to get my idea from the concept to reaching the public opinion. I could use more detailed advice/information about bringing an idea to the public and find out if it would be worth the time and effort to pursue as a business. Thanks for sharing!\n"},{"text":"thanks ! I would appreciate if you can share with us some session about the inventory management\n"},{"text":"Storytelling on point ! Sick sick idea i hope you the best,good luck 🙏🏽\n"},{"text":"Great story, very inspirational!\n"},{"text":"Excellent and inspirational story on turning an idea into reality! As you eluded to towards the end, the challenge of how to present the buyer with the quality of the studio could be a challenge initially. but as in the Airbnb market, quality will eventually show itself through customer comments, price and to a certain degree description of equipment and recording environment. I see you have Studio's broken down by type which is a good start. Eventually, you may want to also have search options for specific gear/technologies or specific environmental requirements. I have have a few more important ideas for you to consider in the future if you wish to discuss offline.\n"},{"text":"Would be awesome to hear how did you manage to generate more demand in a marketplace!!!\n"},{"text":"Yepp pls talk on sharetribe.\n"},{"text":"Hello mate. How did you create an entirely different design from the sharetribe platform?\n"},{"text":"Thank you so much for sharing...... Truly inspiring....\n"},{"text":"Great job!\n"},{"text":"Thanks for sharing your knowledge with the world. Very much appreeciated\n"},{"text":"Great video. I'll like to find out more about how sharetribe work for you\n"},{"text":"What programming language did you build it in\n"},{"text":"Godaddy for a domain? Lol\n"},{"text":"\n"},{"text":"Sketch and Photoshop for a logo.. What?\n"},{"text":"nice. what's the process/method of have the search query on the wp theme to run on the sharetribe db of studios?\n"},{"text":"Bro can you make a video on Sharetribe?\n"},{"text":"How'd you handle issues with studio reviews being horrible & in that situation what would occur? What's your tech stack & how'd you make this alone? Is this share tribe service similar to Shopify?\n"},{"text":"is he a mii?\n"},{"text":"Do tell about sharetribe.com\n"},{"text":"Go eat something!\n"},{"text":"Awesome, I though this gonna be harder than a React-Redux application, this was helpful bro thanks for your time.\n"},{"text":"Thank you! I've been trying hard to get my head around Redux for a while and how to properly implement it in an Angular app because there seem to be so many different ways one can do that. Just looking at the Redux documentation it is not immediately apparent how to use it with Angular and there is so many videos that show different approaches. Thanks to your video I finally had my heureka moment! :D Also thank you TypeScript and intellisense! :D\n"},{"text":"Thanks a lot, I hope the next project is Angular and GraphQL, :)\n"},{"text":"would you please mention the IDE or the toolkit for every language for future videos please in the description ? by the Way excellent Job & Good luck for everyone there. Keep it up !\n"},{"text":"Is that the default theme?\n"},{"text":"I'll like to add that Facebook didn't create Redux, but was inspired by their flux state management which was designed by Facebook, Redux was designed by Dan Abramov and Andrew Clark, and very much inspired by functional programming, one of the main influences was Elm.\n"},{"text":"You are the only developer I guess that uses sans serif font.\n"},{"text":"Great work Jennifer, very informative.\n"},{"text":"Thaaanks a lot Jeniifer :) we appreciate time u spent to create this series, thank u for sharing with us your knowledge :))\n"},{"text":"Thank you, Jennifer! Looking forward to seeing you at WWC-ATL meetup(s).\n"},{"text":"This is gre