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