title
🔴 Ultimate Guide to Becoming a React JS Developer (Challenge Day 1)

description
Join the REACT challenge (7th September) 👉 https://www.cleverprogrammer.com/5-day-react-javascript-challenge?utm_campaign=react-challenge-sept-20&utm_source=facebook&utm_medium=yt-description&utm_content=7-sep-sonny-qazi-live-day-1 GITHUB LINK 👉 https://github.com/CleverProgrammers/react-portfolio/blob/master/README.md Day 1 of the React JS Challenge. We will be going over your roadmap to becoming a React JS developer 🚀. SHOW UP. You don't want to miss this 💯. #reactjs #javascript #challenge Biz / Sponsorships 👉 https://www.cleverprogrammer.com/partnerships

detail
{'title': '🔴 Ultimate Guide to Becoming a React JS Developer (Challenge Day 1)', 'heatmap': [{'end': 6719.943, 'start': 6640.442, 'weight': 1}], 'summary': 'A 5-day event guides participants to become react developers, offering $6,000 prizes with 15,000 participants, emphasizing community engagement and individual motivations, showcasing success stories, and discussing career opportunities with potential earnings of 75,000 to 120,000 a year, global job opportunities, react development, and building powerful apps capable of handling 100 million users.', 'chapters': [{'end': 673.088, 'segs': [{'end': 105.095, 'src': 'embed', 'start': 66.73, 'weight': 0, 'content': [{'end': 72.973, 'text': "We have day one where we're going to teach you the roadmap to becoming a react developer and the opportunities that lie with it.", 'start': 66.73, 'duration': 6.243}, {'end': 81.596, 'text': "And then we have three amazing days where you're going to go ahead and build a fully functional Amazon clone with full eCommerce functionality.", 'start': 73.413, 'duration': 8.183}, {'end': 84.237, 'text': "You're going to learn about things like react context API.", 'start': 81.616, 'duration': 2.621}, {'end': 87.198, 'text': "So if you guys are interested in Redux, you're going to learn all that stuff.", 'start': 84.277, 'duration': 2.921}, {'end': 89.46, 'text': "and we're gonna have authentication.", 'start': 87.638, 'duration': 1.822}, {'end': 91.962, 'text': "we're gonna deploy that thing live and guys,", 'start': 89.46, 'duration': 2.502}, {'end': 98.528, 'text': "we're also gonna give you guys a portfolio to throw that thing on and it will look beautiful at the end of this.", 'start': 91.962, 'duration': 6.566}, {'end': 105.095, 'text': "day five, we're gonna show you guys how to make a hundred thousand dollars a year as a react developer.", 'start': 98.528, 'duration': 6.567}], 'summary': '5-day program to learn and build amazon clone with react, includes redux and authentication, culminating in earning $100k/year.', 'duration': 38.365, 'max_score': 66.73, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g66730.jpg'}, {'end': 364.226, 'src': 'embed', 'start': 323.635, 'weight': 2, 'content': [{'end': 326.277, 'text': 'You guys are going to be able to get involved and do this alongside of us.', 'start': 323.635, 'duration': 2.642}, {'end': 332.681, 'text': "And we've done this so nicely, guys, that you guys are going to have a beautiful, fully functional ecommerce Amazon clone at the end of this.", 'start': 326.577, 'duration': 6.104}, {'end': 334.682, 'text': 'Yep, absolutely.', 'start': 333.181, 'duration': 1.501}, {'end': 337.524, 'text': "And it's going to have functionality to accept payments.", 'start': 334.762, 'duration': 2.762}, {'end': 340.646, 'text': "It's going to have all types of fanciness that you're looking for.", 'start': 337.624, 'duration': 3.022}, {'end': 345.55, 'text': "you know whether it's Firebase or Material, UI or React, but we've made it simple enough.", 'start': 340.646, 'duration': 4.904}, {'end': 351.194, 'text': "So even if you're a complete beginner, you'll be able to jump in and get a ton of value out of it.", 'start': 345.59, 'duration': 5.604}, {'end': 360.923, 'text': "Exactly Now guys, day five, we're going to be covering how to make a hundred thousand dollars a year or more as a react developer.", 'start': 352.176, 'duration': 8.747}, {'end': 364.226, 'text': 'So this one is going to be filled with massive value as well.', 'start': 361.223, 'duration': 3.003}], 'summary': 'Learn to build an ecommerce amazon clone with payment functionality, suitable for beginners, and make $100,000+ as a react developer.', 'duration': 40.591, 'max_score': 323.635, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g323635.jpg'}, {'end': 447.641, 'src': 'embed', 'start': 416.711, 'weight': 3, 'content': [{'end': 417.772, 'text': 'I appreciate it.', 'start': 416.711, 'duration': 1.061}, {'end': 421.293, 'text': 'So we are going to be giving you guys a portfolio for free.', 'start': 418.192, 'duration': 3.101}, {'end': 423.694, 'text': "If you stick around, we're going to show you how you can get it.", 'start': 421.353, 'duration': 2.341}, {'end': 424.055, 'text': 'All right.', 'start': 423.754, 'duration': 0.301}, {'end': 425.955, 'text': 'So make sure you stick to the end for that.', 'start': 424.155, 'duration': 1.8}, {'end': 431.338, 'text': 'And we have over 18, 000 participants in this challenge.', 'start': 426.976, 'duration': 4.362}, {'end': 435.059, 'text': 'This is officially the biggest react challenge that has ever taken place.', 'start': 431.838, 'duration': 3.221}, {'end': 438.721, 'text': 'Exactly I think this is the biggest in the world.', 'start': 436.4, 'duration': 2.321}, {'end': 440.282, 'text': "I'm by far positive.", 'start': 438.861, 'duration': 1.421}, {'end': 440.622, 'text': 'Yeah Yeah.', 'start': 440.302, 'duration': 0.32}, {'end': 447.641, 'text': "Yep and guys, if you haven't signed up for it yet, i know most of you are watching it in facebook and that is perfect.", 'start': 440.922, 'duration': 6.719}], 'summary': 'Over 18,000 participants in the biggest react challenge ever.', 'duration': 30.93, 'max_score': 416.711, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g416711.jpg'}, {'end': 508.708, 'src': 'embed', 'start': 482.147, 'weight': 5, 'content': [{'end': 488.051, 'text': "So first prize is actually you're gonna win an online coding bootcamp that's actually worth $6, 000.", 'start': 482.147, 'duration': 5.904}, {'end': 497.319, 'text': "The second prize is a Clever Programmer suite where you'll get access to over $1, 700 worth of courses.", 'start': 488.052, 'duration': 9.267}, {'end': 499.681, 'text': 'So all of the courses at Clever Programmer.', 'start': 497.499, 'duration': 2.182}, {'end': 503.544, 'text': "The third prize is you're gonna get access to Profit with JavaScript.", 'start': 500.261, 'duration': 3.283}, {'end': 508.708, 'text': "And the fourth to 10th is you're gonna get a discount on Profit with JavaScript.", 'start': 504.164, 'duration': 4.544}], 'summary': 'Win an online coding bootcamp worth $6,000, plus access to over $1,700 worth of courses and discounts on profit with javascript.', 'duration': 26.561, 'max_score': 482.147, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g482147.jpg'}], 'start': 0.389, 'title': 'React javascript challenge kickoff', 'summary': 'Kicks off a 5-day event with a roadmap to becoming a react developer, building an amazon clone, and offering prizes worth over $6,000 with 15,000 participants.', 'chapters': [{'end': 163.629, 'start': 0.389, 'title': 'React javascript challenge kickoff', 'summary': 'Kicks off the react javascript challenge, a five-day event with a roadmap to becoming a react developer, building an amazon clone with full ecommerce functionality, and showcasing how to make a hundred thousand dollars a year as a react developer.', 'duration': 163.24, 'highlights': ['The challenge spans five exciting days with a roadmap to becoming a React developer and building a fully functional Amazon clone with eCommerce functionality. The event spans five exciting days, teaching a roadmap to becoming a React developer and building a fully functional Amazon clone with full eCommerce functionality.', 'The event includes learning about React context API, Redux, authentication, and deployment, along with receiving a portfolio to showcase the developed product. Participants will learn about React context API, Redux, authentication, and deployment, and will receive a portfolio to showcase the developed product.', 'The chapter concludes with guidance on how to make a hundred thousand dollars a year as a React developer. The chapter concludes with guidance on how to make a hundred thousand dollars a year as a React developer.']}, {'end': 673.088, 'start': 165.979, 'title': 'React javascript challenge kickoff', 'summary': 'Discusses the kickoff of a 5-day react javascript challenge with over 15,000 participants, where the focus is on building an amazon clone, offering a portfolio for free, and providing prizes worth over $6,000, with emphasis on engagement and community involvement.', 'duration': 507.109, 'highlights': ['The chapter discusses the kickoff of a 5-day React JavaScript challenge with over 15,000 participants The challenge has over 15,000 members, making it the biggest react challenge in the world.', 'The focus is on building an Amazon clone, offering a portfolio for free, and providing prizes worth over $6,000, with emphasis on engagement and community involvement The challenge involves building an Amazon clone with functionality to accept payments, offering a free portfolio for professional React developers, and providing prizes worth over $6,000, with a special point system based on engagement and community involvement.', 'Participants have the opportunity to win prizes, including an online coding bootcamp worth $6,000 and access to courses at Clever Programmer The prizes include an online coding bootcamp worth $6,000, access to courses at Clever Programmer, and a special referral system where both the referrer and the winner can win a bootcamp.']}], 'duration': 672.699, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g389.jpg', 'highlights': ['The challenge spans five exciting days with a roadmap to becoming a React developer and building a fully functional Amazon clone with eCommerce functionality.', 'The event includes learning about React context API, Redux, authentication, and deployment, along with receiving a portfolio to showcase the developed product.', 'The chapter concludes with guidance on how to make a hundred thousand dollars a year as a React developer.', 'The challenge has over 15,000 members, making it the biggest react challenge in the world.', 'The focus is on building an Amazon clone, offering a portfolio for free, and providing prizes worth over $6,000, with emphasis on engagement and community involvement.', 'Participants have the opportunity to win prizes, including an online coding bootcamp worth $6,000 and access to courses at Clever Programmer.']}, {'end': 1350.4, 'segs': [{'end': 703.104, 'src': 'embed', 'start': 673.148, 'weight': 2, 'content': [{'end': 674.008, 'text': 'So day three is that.', 'start': 673.148, 'duration': 0.86}, {'end': 674.549, 'text': 'Got it.', 'start': 674.309, 'duration': 0.24}, {'end': 674.969, 'text': 'All right.', 'start': 674.749, 'duration': 0.22}, {'end': 676.95, 'text': 'Awesome Whoa, dude.', 'start': 675.069, 'duration': 1.881}, {'end': 678.711, 'text': 'We just got a $50 donation.', 'start': 676.99, 'duration': 1.721}, {'end': 679.811, 'text': 'Holy crap.', 'start': 678.771, 'duration': 1.04}, {'end': 680.631, 'text': 'Thank you, dude.', 'start': 679.891, 'duration': 0.74}, {'end': 681.752, 'text': 'Sy Karen.', 'start': 681.132, 'duration': 0.62}, {'end': 683.32, 'text': "Yeah, that's nice.", 'start': 682.318, 'duration': 1.002}, {'end': 684.161, 'text': 'Thank you so much, dude.', 'start': 683.34, 'duration': 0.821}, {'end': 685.463, 'text': 'Thank you so much.', 'start': 684.301, 'duration': 1.162}, {'end': 687.146, 'text': 'That is absolutely massive.', 'start': 685.504, 'duration': 1.642}, {'end': 688.909, 'text': 'A $50 donation.', 'start': 687.186, 'duration': 1.723}, {'end': 689.731, 'text': 'Thank you.', 'start': 689.27, 'duration': 0.461}, {'end': 695.198, 'text': 'We got over 6, 000 people in the Slack group, which is amazing.', 'start': 691.215, 'duration': 3.983}, {'end': 697.079, 'text': 'And look at all the people.', 'start': 695.799, 'duration': 1.28}, {'end': 699.361, 'text': 'We have them from all around the world.', 'start': 697.18, 'duration': 2.181}, {'end': 701.863, 'text': 'So we have Mohammed from Egypt.', 'start': 699.681, 'duration': 2.182}, {'end': 703.104, 'text': 'We have Maxim.', 'start': 702.243, 'duration': 0.861}], 'summary': 'Received a $50 donation and have over 6,000 people in the slack group from around the world.', 'duration': 29.956, 'max_score': 673.148, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g673148.jpg'}, {'end': 829.374, 'src': 'embed', 'start': 804.12, 'weight': 4, 'content': [{'end': 809.883, 'text': "And don't just give me a reason with money, though that can be helpful, but give me your real why.", 'start': 804.12, 'duration': 5.763}, {'end': 812.565, 'text': 'So somebody says, I wanna become my own boss.', 'start': 809.983, 'duration': 2.582}, {'end': 817.328, 'text': 'Somebody says, I wanna make a name for myself through coding and impact people.', 'start': 812.905, 'duration': 4.423}, {'end': 819.43, 'text': "Somebody says, I'm passionate about coding.", 'start': 817.789, 'duration': 1.641}, {'end': 823.972, 'text': "And Arturo says, I'm already starting a React bootcamp and I wanna learn way more.", 'start': 820.41, 'duration': 3.562}, {'end': 824.872, 'text': 'So I love that.', 'start': 824.332, 'duration': 0.54}, {'end': 829.374, 'text': 'And Serena actually says, I found Clever Programmer on YouTube and started following their bills.', 'start': 825.252, 'duration': 4.122}], 'summary': 'People have various motivations: becoming own boss, impacting people through coding, and pursuing passion for coding. some are already engaged in learning, with one mentioning following clever programmer on youtube.', 'duration': 25.254, 'max_score': 804.12, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g804120.jpg'}, {'end': 925.944, 'src': 'embed', 'start': 899.271, 'weight': 5, 'content': [{'end': 904.637, 'text': "Condon says, I wanna do what I love, which is code, and I don't wanna do customer service jobs anymore.", 'start': 899.271, 'duration': 5.366}, {'end': 910.123, 'text': 'And Codingbox says, hopefully learning something resourceful would help me to afford living by myself.', 'start': 905.518, 'duration': 4.605}, {'end': 915.829, 'text': 'Manu says, I wanna be able to get better job offers as well as offer my services as a freelancer.', 'start': 910.864, 'duration': 4.965}, {'end': 922.06, 'text': "Dope And Yamna, who's an amazing part of the community, she says, I want to be able to support my family and start a business.", 'start': 916.735, 'duration': 5.325}, {'end': 925.944, 'text': 'And thank God to you and Sunny, I started achieving my goal and I started getting clients.', 'start': 922.1, 'duration': 3.844}], 'summary': 'Aspiring to transition to coding careers, improve living conditions, obtain better job offers, and support family and start a business.', 'duration': 26.673, 'max_score': 899.271, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g899271.jpg'}, {'end': 999.985, 'src': 'embed', 'start': 971.306, 'weight': 0, 'content': [{'end': 972.727, 'text': 'Guys, have a conversation with us.', 'start': 971.306, 'duration': 1.421}, {'end': 974.729, 'text': 'All of it through Instagram, Facebook.', 'start': 972.968, 'duration': 1.761}, {'end': 975.83, 'text': 'Just make sure you tag us.', 'start': 974.929, 'duration': 0.901}, {'end': 982.954, 'text': 'Talking about the people you have a conversation with, Sunny, and talking about the people who are getting jobs, take a look at this.', 'start': 976.01, 'duration': 6.944}, {'end': 991.88, 'text': 'This is Sumit, who actually reached out to Sunny, and he says, I landed a six-figure job at Mathworks as a web application developer.', 'start': 983.014, 'duration': 8.866}, {'end': 995.562, 'text': 'I started watching your videos on your channel like three months ago.', 'start': 992.3, 'duration': 3.262}, {'end': 999.985, 'text': 'I built the Netflix and Spotify clone and got a good response on LinkedIn.', 'start': 995.982, 'duration': 4.003}], 'summary': 'Sunny helped sumit land a six-figure job at mathworks as a web app developer after 3 months of watching his videos.', 'duration': 28.679, 'max_score': 971.306, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g971306.jpg'}, {'end': 1146.408, 'src': 'embed', 'start': 1118.97, 'weight': 3, 'content': [{'end': 1123.751, 'text': "Absolutely So let's keep going on the value bombs that we have prepared for you.", 'start': 1118.97, 'duration': 4.781}, {'end': 1128.253, 'text': 'Now guys, last five day JavaScript challenge that we had done was absolutely epic.', 'start': 1123.951, 'duration': 4.302}, {'end': 1136.816, 'text': 'We had 113, 000 comments from you guys, and we had over 6, 000 viewers at the same time watching the live stream.', 'start': 1128.613, 'duration': 8.203}, {'end': 1137.556, 'text': 'So it was nuts.', 'start': 1136.856, 'duration': 0.7}, {'end': 1146.408, 'text': 'And we had people from all around the world building amazing apps, like Yasin, who built the Google Maps for Object, Vibhavi, Jen, we had Rehan,', 'start': 1138.036, 'duration': 8.372}], 'summary': 'Last javascript challenge had 113,000 comments and 6,000 viewers, with global participation.', 'duration': 27.438, 'max_score': 1118.97, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1118970.jpg'}, {'end': 1296.276, 'src': 'embed', 'start': 1273.74, 'weight': 1, 'content': [{'end': 1282.803, 'text': 'a week after she won in a coding hackathon and she landed her first JavaScript developer job literally that same month.', 'start': 1273.74, 'duration': 9.063}, {'end': 1288.191, 'text': "And just to add the cherry on the top, she's now a lead developer, guys.", 'start': 1283.908, 'duration': 4.283}, {'end': 1291.233, 'text': "Oh, yeah, she's a lead developer now, right? She's a lead developer.", 'start': 1288.251, 'duration': 2.982}, {'end': 1292.734, 'text': "It's insane.", 'start': 1291.353, 'duration': 1.381}, {'end': 1294.935, 'text': "It's insane.", 'start': 1294.035, 'duration': 0.9}, {'end': 1296.276, 'text': "It's beautiful.", 'start': 1295.215, 'duration': 1.061}], 'summary': 'A coding hackathon winner secured a javascript developer job and became a lead developer within a month.', 'duration': 22.536, 'max_score': 1273.74, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1273740.jpg'}], 'start': 673.148, 'title': 'Engaging community and individual goals', 'summary': 'Highlights the engagement of a diverse and active community with over 6,000 members and emphasizes individual motivations for participating, with examples including career advancement, skill development, and entrepreneurship aspirations. it also showcases inspiring success stories of individuals from diverse backgrounds and ages who have found coding success, with highlights including sumit landing a six-figure job at mathworks and dina becoming a lead developer after joining the five-day javascript developer challenge.', 'chapters': [{'end': 803.479, 'start': 673.148, 'title': 'Engaging community and individual goals', 'summary': 'Highlights the engagement of a diverse and active community with over 6,000 members and emphasizes individual motivations for participating, with examples including career advancement, skill development, and entrepreneurship aspirations.', 'duration': 130.331, 'highlights': ['Over 6,000 members actively engaged in the Slack group, showcasing a strong and diverse community.', 'Individual motivations for participation highlighted, including career advancement, skill development, and entrepreneurship aspirations.', 'Expressions of gratitude for a $50 donation, emphasizing the generosity and support within the community.', 'Various members from around the world, such as Mohammed from Egypt and Maxim, expressing enthusiasm and appreciation for the challenge and community involvement.', 'Technical issues with the Slack link mentioned, but the focus remains on active participation and individual motivations.', 'Encouragement for active participation to yield better results, emphasizing the value of engagement and interaction within the community.']}, {'end': 1350.4, 'start': 804.12, 'title': 'Coding success stories and community impact', 'summary': 'Showcases inspiring success stories of individuals from diverse backgrounds and ages who have found coding success, with highlights including sumit landing a six-figure job at mathworks and dina becoming a lead developer after joining the five-day javascript developer challenge.', 'duration': 546.28, 'highlights': ["Sumit landed a six-figure job at Mathworks as a web application developer after building the Netflix and Spotify clone and showcasing his projects to the HR, with the help of Clever Programmers' ReactJS tutorials.", 'Dina, a mother who lost her job due to COVID, joined the five-day JavaScript developer challenge and within four weeks, won several competitions, led a talk at a conference, and landed her first JavaScript developer job, eventually becoming a lead developer.', 'The last five-day JavaScript challenge had 113,000 comments and over 6,000 viewers, with participants like Yasin, Vibhavi, and Jen building innovative apps and sharing transformational experiences.', 'The chapter emphasizes the impact of coding in helping individuals find new job opportunities, as seen with Jose turning his job loss into a positive experience by learning to code and seeking multiple income sources.']}], 'duration': 677.252, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g673148.jpg', 'highlights': ['Sumit landed a six-figure job at Mathworks after building the Netflix and Spotify clone.', 'Dina won several competitions, led a talk at a conference, and landed her first JavaScript developer job.', 'Over 6,000 members actively engaged in the Slack group, showcasing a strong and diverse community.', 'The last five-day JavaScript challenge had 113,000 comments and over 6,000 viewers.', 'Individual motivations for participation highlighted, including career advancement, skill development, and entrepreneurship aspirations.', 'The chapter emphasizes the impact of coding in helping individuals find new job opportunities.']}, {'end': 2366.629, 'segs': [{'end': 1381.442, 'src': 'embed', 'start': 1351.727, 'weight': 8, 'content': [{'end': 1360.156, 'text': "We can be there to help you and maybe show you the way, but the work that you actually have to put in is hard and that's gonna be on you.", 'start': 1351.727, 'duration': 8.429}, {'end': 1365.381, 'text': "Exactly Guys, we're not talking 50%, we're not talking 60%.", 'start': 1361.257, 'duration': 4.124}, {'end': 1371.707, 'text': 'You have to give this your 110% effort if you wanna make this actually a true opportunity for yourself.', 'start': 1365.381, 'duration': 6.326}, {'end': 1381.442, 'text': 'So guys, just wanna say one thing, right? Behind making all this happen, we have this amazing team at Clever Programmer.', 'start': 1373.755, 'duration': 7.687}], 'summary': 'To succeed, give 110% effort, not just 50% or 60%.', 'duration': 29.715, 'max_score': 1351.727, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1351727.jpg'}, {'end': 1447.667, 'src': 'embed', 'start': 1419.032, 'weight': 4, 'content': [{'end': 1420.892, 'text': 'So Greg- No, no, I thought you were muted.', 'start': 1419.032, 'duration': 1.86}, {'end': 1421.553, 'text': "Let's go.", 'start': 1420.912, 'duration': 0.641}, {'end': 1422.113, 'text': 'Oh yeah, yeah.', 'start': 1421.633, 'duration': 0.48}, {'end': 1428.435, 'text': 'So Greg ended up landing a paying client even during this COVID craziness insider profit with JavaScript course.', 'start': 1422.513, 'duration': 5.922}, {'end': 1430.956, 'text': "And actually we'll come back to some of these.", 'start': 1428.515, 'duration': 2.441}, {'end': 1434.917, 'text': 'And Frank Ramos was actually a recent one, right? That on the live stream, it was nuts.', 'start': 1431.276, 'duration': 3.641}, {'end': 1439.441, 'text': 'What happened? So Frank actually built the Spotify clone.', 'start': 1434.977, 'duration': 4.464}, {'end': 1441.463, 'text': 'So if you guys built that with us, let us know in the comments.', 'start': 1439.461, 'duration': 2.002}, {'end': 1447.667, 'text': "But he built the Spotify clone, right? And then he reached out and Frank's a dedicated viewer, guys.", 'start': 1441.723, 'duration': 5.944}], 'summary': 'Greg landed a paying client during covid for javascript course. frank built a spotify clone and reached out.', 'duration': 28.635, 'max_score': 1419.032, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1419032.jpg'}, {'end': 1505.019, 'src': 'embed', 'start': 1459.164, 'weight': 2, 'content': [{'end': 1461.626, 'text': 'is an insane speaker brand, a premium speaker brand.', 'start': 1459.164, 'duration': 2.462}, {'end': 1463.728, 'text': "And now he's working with Sonos.", 'start': 1461.806, 'duration': 1.922}, {'end': 1468.312, 'text': "And what's he doing, Kazi? He's actually building out their radio station product.", 'start': 1464.008, 'duration': 4.304}, {'end': 1474.837, 'text': 'So they are having him use React and React Native to actually build it out, which is pretty freaking dope.', 'start': 1468.732, 'duration': 6.105}, {'end': 1480.702, 'text': 'So that tells you how much demand there is for these things and how valuable this is for everybody to learn.', 'start': 1475.158, 'duration': 5.544}, {'end': 1484.966, 'text': "It's kind of crazy that on YouTube, we have 3, 700 concurrent viewers.", 'start': 1481.042, 'duration': 3.924}, {'end': 1485.987, 'text': 'Absolutely insane.', 'start': 1485.126, 'duration': 0.861}, {'end': 1487.408, 'text': "It's insane.", 'start': 1486.767, 'duration': 0.641}, {'end': 1488.809, 'text': 'Mind-blowing stuff, dude.', 'start': 1487.748, 'duration': 1.061}, {'end': 1493.292, 'text': "Here's Nasir Iqbal, who's our 14-year-old student from Pakistan.", 'start': 1488.869, 'duration': 4.423}, {'end': 1498.475, 'text': "And guys, again, the reason why we're showing this to you, right, is to show what is possible.", 'start': 1493.332, 'duration': 5.143}, {'end': 1505.019, 'text': 'Because nobody shows this stuff, right? Look at any channel on JavaScript or React or whatever.', 'start': 1498.495, 'duration': 6.524}], 'summary': 'Nasir iqbal, a 14-year-old student, showcased the demand for react and react native by building a sonos radio station product, drawing 3,700 concurrent viewers on youtube.', 'duration': 45.855, 'max_score': 1459.164, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1459164.jpg'}, {'end': 1585.949, 'src': 'embed', 'start': 1555.649, 'weight': 5, 'content': [{'end': 1557.43, 'text': "I'm like, Nasir, shut the fuck up.", 'start': 1555.649, 'duration': 1.781}, {'end': 1560.371, 'text': "I'm like, put your head down and do the work.", 'start': 1558.21, 'duration': 2.161}, {'end': 1561.932, 'text': "You're 14 in Pakistan.", 'start': 1560.431, 'duration': 1.501}, {'end': 1564.564, 'text': 'Like that is insane.', 'start': 1562.864, 'duration': 1.7}, {'end': 1568.185, 'text': "And then he starts laughing and he's like, Oh yeah.", 'start': 1565.084, 'duration': 3.101}, {'end': 1569.465, 'text': 'He goes, yeah.', 'start': 1568.225, 'duration': 1.24}, {'end': 1573.806, 'text': "He, he's like, you know, my dad makes like 10, 000 in a whole year.", 'start': 1569.505, 'duration': 4.301}, {'end': 1577.867, 'text': 'So I made like, you know, his two months salary in, in like a week.', 'start': 1573.866, 'duration': 4.001}, {'end': 1580.528, 'text': 'Yeah And he got paid.', 'start': 1579.227, 'duration': 1.301}, {'end': 1581.248, 'text': 'I actually had him.', 'start': 1580.548, 'duration': 0.7}, {'end': 1583.448, 'text': 'I had him inside of my coaching call as well.', 'start': 1581.628, 'duration': 1.82}, {'end': 1585.949, 'text': "And I remember he was like, yeah, I've landed a client before.", 'start': 1583.488, 'duration': 2.461}], 'summary': "A 14-year-old in pakistan made his father's two months salary in a week, landing a client in a coaching call.", 'duration': 30.3, 'max_score': 1555.649, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1555649.jpg'}, {'end': 1670.908, 'src': 'embed', 'start': 1644.926, 'weight': 7, 'content': [{'end': 1650.665, 'text': "And what are some of these habits and why are they important? So guys, obviously it's going to take a lot of hard work.", 'start': 1644.926, 'duration': 5.739}, {'end': 1656.432, 'text': "Patience is huge because sometimes when you're debugging, you need to give it a lot of time.", 'start': 1650.885, 'duration': 5.547}, {'end': 1658.314, 'text': 'People give it an hour and they kind of quit.', 'start': 1656.472, 'duration': 1.842}, {'end': 1659.395, 'text': "No, it's not going to cut it.", 'start': 1658.374, 'duration': 1.021}, {'end': 1661.918, 'text': "If you want to make a real difference, you've got to give this your time.", 'start': 1659.455, 'duration': 2.463}, {'end': 1663.74, 'text': "You've got to be part of a team.", 'start': 1662.318, 'duration': 1.422}, {'end': 1665.943, 'text': 'Doing this stuff by yourself can be difficult.', 'start': 1664.141, 'duration': 1.802}, {'end': 1670.908, 'text': 'And most importantly, from these things, guys, like communication, learning, taking that initiative is important.', 'start': 1666.383, 'duration': 4.525}], 'summary': 'Develop good habits for success: hard work, patience, teamwork, communication, and initiative.', 'duration': 25.982, 'max_score': 1644.926, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1644926.jpg'}, {'end': 1762.838, 'src': 'embed', 'start': 1734.756, 'weight': 9, 'content': [{'end': 1737.257, 'text': 'Yeah, because everyone will be like, I just finished a hard day at work.', 'start': 1734.756, 'duration': 2.501}, {'end': 1739.518, 'text': "And I'll be like, well, I was just coding all day and I kind of got paid.", 'start': 1737.277, 'duration': 2.241}, {'end': 1743.761, 'text': 'And you got paid a lot.', 'start': 1742.54, 'duration': 1.221}, {'end': 1745.402, 'text': 'You probably got paid more than them.', 'start': 1743.881, 'duration': 1.521}, {'end': 1747.503, 'text': 'Yeah, exactly.', 'start': 1745.422, 'duration': 2.081}, {'end': 1754.45, 'text': "It's pretty ridiculous that how much fun and excitement you can have while you're coding.", 'start': 1748.604, 'duration': 5.846}, {'end': 1757.853, 'text': "So if it doesn't feel like that, try to make it feel like that.", 'start': 1754.85, 'duration': 3.003}, {'end': 1762.838, 'text': "That's why I don't sometimes recommend people going to college to learn it because so much is shoved down your throat.", 'start': 1757.893, 'duration': 4.945}], 'summary': 'Coding can be more exciting and lucrative than traditional work; college may not be the best path for learning coding.', 'duration': 28.082, 'max_score': 1734.756, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1734756.jpg'}, {'end': 2025.505, 'src': 'embed', 'start': 2000.171, 'weight': 0, 'content': [{'end': 2005.374, 'text': 'So it was really amazing to go from a complete beginner to like learning coding, getting jobs and getting people.', 'start': 2000.171, 'duration': 5.203}, {'end': 2012.319, 'text': 'And then at some point I decided to start a YouTube channel and we ended up, you know, teaching over hundreds of thousands of students to code.', 'start': 2005.955, 'duration': 6.364}, {'end': 2018.962, 'text': 'um, you know, was lucky enough to become a millionaire at 25 and learned a lot, a lot of hard lessons and failures,', 'start': 2012.959, 'duration': 6.003}, {'end': 2025.505, 'text': 'and went through a lot of pain throughout the way and hopefully, just hopefully, maybe i can share something with you that might give you value.', 'start': 2018.962, 'duration': 6.543}], 'summary': 'Went from beginner to millionaire at 25, taught hundreds of thousands to code, and aims to share valuable lessons.', 'duration': 25.334, 'max_score': 2000.171, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g2000171.jpg'}, {'end': 2148.075, 'src': 'embed', 'start': 2122.395, 'weight': 3, 'content': [{'end': 2127.179, 'text': 'we then, by 24, it was like i was lucky enough to go and get into a conversation with kazi.', 'start': 2122.395, 'duration': 4.784}, {'end': 2134.705, 'text': "me and him started talking and before you know it, here we are today and we've built over 20 plus react clones on youtube,", 'start': 2127.179, 'duration': 7.526}, {'end': 2138.288, 'text': "and it's just insane like we've been able to teach you guys so much,", 'start': 2134.705, 'duration': 3.583}, {'end': 2142.571, 'text': 'and i love and appreciate every single one of you guys and i love the energy you guys give me.', 'start': 2138.288, 'duration': 4.283}, {'end': 2145.273, 'text': "so if you guys don't know me, drop a comment now.", 'start': 2142.571, 'duration': 2.702}, {'end': 2148.075, 'text': 'literally millions of people know you.', 'start': 2145.273, 'duration': 2.802}], 'summary': "Built over 20+ react clones on youtube, reaching millions, appreciates viewers' energy.", 'duration': 25.68, 'max_score': 2122.395, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g2122395.jpg'}, {'end': 2294.394, 'src': 'embed', 'start': 2269.697, 'weight': 1, 'content': [{'end': 2275.328, 'text': 'And this happened recently, right, Sonny? Yeah, this happened really recently actually in one of the live streams, I think.', 'start': 2269.697, 'duration': 5.631}, {'end': 2283.471, 'text': 'Yup So Devin, oh, Zachary also says that 200, 000 sounds really, really good.', 'start': 2275.948, 'duration': 7.523}, {'end': 2290.873, 'text': "Yeah So Devin's landed a first six figure job as a developer and passed his second round of interviews at Google.", 'start': 2283.591, 'duration': 7.282}, {'end': 2294.394, 'text': "Damn And yes, it's that Google.", 'start': 2291.513, 'duration': 2.881}], 'summary': 'Devin landed a six-figure developer job and passed google interviews recently.', 'duration': 24.697, 'max_score': 2269.697, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g2269697.jpg'}], 'start': 1351.727, 'title': 'Achieving success with effort', 'summary': 'Emphasizes achieving success through examples of landing clients and projects, showcasing the value of learning coding skills, and featuring success stories including a 14-year-old student from pakistan and individuals who earned significant income and landed job opportunities.', 'chapters': [{'end': 1528.09, 'start': 1351.727, 'title': 'Achieving success with 110% effort', 'summary': 'Highlights the importance of putting in 110% effort to achieve success, showcasing examples of members who landed paying clients and consulting projects, with one individual building a product for a premium speaker brand using react and react native, emphasizing the demand and value of learning such skills, while also demonstrating the potential for success by featuring a 14-year-old student from pakistan.', 'duration': 176.363, 'highlights': ['One member landed a six-figure consulting project for Sonos, a premium speaker brand, using React and React Native, demonstrating the demand and value of such skills.', 'Another member built a Spotify clone and secured a paying client, showcasing the practical application and success of the skills taught.', 'The example of a 14-year-old student from Pakistan, Nasir Iqbal, serves as an inspiration to showcase what is possible with dedication and learning.', 'The importance of putting in 110% effort is emphasized, highlighting the required level of commitment for success.']}, {'end': 1778.192, 'start': 1528.991, 'title': 'Coding success and habits', 'summary': 'Highlights a success story of a young coder from pakistan who landed a client, earned $1,400 in a week, and emphasizes the importance of hard work, patience, team collaboration, and enjoying the coding process to achieve success in coding.', 'duration': 249.201, 'highlights': ["Nasir, a 14-year-old coder from Pakistan, landed a client and earned $1,400 in a week, showcasing the potential of coding regardless of location. Nasir's success story exemplifies the potential of coding regardless of location, as he earned $1,400 in a week, a substantial amount in comparison to his father's annual income.", 'Emphasizes the importance of hard work, patience, team collaboration, and enjoying the coding process to achieve success. The chapter stresses the significance of hard work, patience, team collaboration, and finding enjoyment in the coding process as key factors in achieving success in coding.', 'The chapter highlights the importance of enjoying the coding process, comparing it to playing a video game and emphasizes the necessity of curiosity and learning. The chapter emphasizes the importance of finding joy in the coding process, likening it to playing a video game, and stresses the significance of curiosity and continuous learning for success in coding.']}, {'end': 2366.629, 'start': 1778.232, 'title': 'Success in coding journey', 'summary': 'Discusses the success stories of rafi qazi, sonny and a student named devin who landed a six-figure job and passed the second round of interviews with google after learning coding and taking initiative, emphasizing the importance of showing up and playing to win.', 'duration': 588.397, 'highlights': ["Rafi Qazi became a millionaire at 25 and taught over hundreds of thousands of students to code. Rafi Qazi's success story of becoming a millionaire at 25 and teaching hundreds of thousands of students to code showcases the impact of learning coding and the potential for success in the field.", "Sonny made 200,000 pounds by the age of 23 and built over 20 React clones on YouTube, emphasizing the value of teaching and sharing knowledge with the community. Sonny's achievement of making 200,000 pounds by the age of 23 and creating over 20 React clones on YouTube demonstrates the value of teaching and sharing knowledge with the community, leading to personal and professional success.", "Devin landed a first six-figure job as a developer and passed the second round of interviews at Google after being a part of the coding community, highlighting the impact of community support and learning opportunities. Devin's success in landing a six-figure job and passing the second round of interviews at Google after being part of the coding community underscores the impact of community support and learning opportunities in achieving professional growth and success."]}], 'duration': 1014.902, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g1351727.jpg', 'highlights': ['Rafi Qazi became a millionaire at 25 and taught over hundreds of thousands of students to code.', 'Devin landed a first six-figure job as a developer and passed the second round of interviews at Google after being a part of the coding community.', 'One member landed a six-figure consulting project for Sonos, a premium speaker brand, using React and React Native, demonstrating the demand and value of such skills.', 'Sonny made 200,000 pounds by the age of 23 and built over 20 React clones on YouTube, emphasizing the value of teaching and sharing knowledge with the community.', 'Another member built a Spotify clone and secured a paying client, showcasing the practical application and success of the skills taught.', 'Nasir, a 14-year-old coder from Pakistan, landed a client and earned $1,400 in a week, showcasing the potential of coding regardless of location.', 'The example of a 14-year-old student from Pakistan, Nasir Iqbal, serves as an inspiration to showcase what is possible with dedication and learning.', 'Emphasizes the importance of hard work, patience, team collaboration, and enjoying the coding process to achieve success.', 'The importance of putting in 110% effort is emphasized, highlighting the required level of commitment for success.', 'The chapter emphasizes the importance of finding joy in the coding process, likening it to playing a video game, and stresses the significance of curiosity and continuous learning for success in coding.']}, {'end': 3839.907, 'segs': [{'end': 2760.314, 'src': 'embed', 'start': 2734.11, 'weight': 3, 'content': [{'end': 2738.833, 'text': 'You guys talked about financial freedom, supporting family, having more time to spend with your loved ones.', 'start': 2734.11, 'duration': 4.723}, {'end': 2742.194, 'text': "Now, here's the next question that we have for you,", 'start': 2739.273, 'duration': 2.921}, {'end': 2749.036, 'text': "because this is again gonna help you decide your ultimate career as a ReactJS developer and what you're looking for.", 'start': 2742.194, 'duration': 6.842}, {'end': 2754.558, 'text': 'So do you want to work freelance or do you want to work full time?', 'start': 2749.636, 'duration': 4.922}, {'end': 2760.314, 'text': "I think this is an important distinction that you have to make, because here's what I'll say right?", 'start': 2755.669, 'duration': 4.645}], 'summary': 'Discussion on career goals as a reactjs developer: freelance vs full-time.', 'duration': 26.204, 'max_score': 2734.11, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g2734110.jpg'}, {'end': 3273.825, 'src': 'embed', 'start': 3245.882, 'weight': 2, 'content': [{'end': 3252.084, 'text': 'So now why React.js? Now, top tech companies, guys, in the world are using JavaScript in React.js.', 'start': 3245.882, 'duration': 6.202}, {'end': 3263.088, 'text': 'So you got Facebook, Microsoft, LinkedIn, eBay, Tesla, Groupon, Netflix, Google, Uber, Tinder, Airbnb, PayPal, and the list goes on.', 'start': 3252.104, 'duration': 10.984}, {'end': 3270.122, 'text': "And what's this, Sonny? So here, guys, we have the popularity.", 'start': 3265.038, 'duration': 5.084}, {'end': 3271.563, 'text': 'And this is on.', 'start': 3270.182, 'duration': 1.381}, {'end': 3273.825, 'text': "I believe it's Stack Overflow right?", 'start': 3271.563, 'duration': 2.262}], 'summary': 'React.js is popular among top tech companies like facebook, microsoft, linkedin, ebay, tesla, groupon, netflix, google, uber, tinder, airbnb, and paypal, as well as on platforms like stack overflow.', 'duration': 27.943, 'max_score': 3245.882, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g3245882.jpg'}, {'end': 3380.438, 'src': 'embed', 'start': 3353.202, 'weight': 4, 'content': [{'end': 3359.584, 'text': "In your first year as a developer with less than one year of experience, it's possible you could be doing 75, 000 a year.", 'start': 3353.202, 'duration': 6.382}, {'end': 3361.004, 'text': 'This is data.', 'start': 3360.244, 'duration': 0.76}, {'end': 3361.824, 'text': 'These are stats.', 'start': 3361.084, 'duration': 0.74}, {'end': 3363.464, 'text': 'This is according to pay scale.', 'start': 3362.164, 'duration': 1.3}, {'end': 3368.306, 'text': 'And then between one to four years, you could be at 82, 000 and beyond.', 'start': 3365.665, 'duration': 2.641}, {'end': 3375.412, 'text': 'Here, if you look on Indeed, you got over 45, 000 jobs listed there right now.', 'start': 3370.966, 'duration': 4.446}, {'end': 3380.438, 'text': 'And then if I go here to Upwork, you see 8, 000 jobs available there right now.', 'start': 3376.013, 'duration': 4.425}], 'summary': 'Developers with less than 4 years experience can earn up to $82,000, with over 45,000 jobs on indeed and 8,000 on upwork.', 'duration': 27.236, 'max_score': 3353.202, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g3353202.jpg'}, {'end': 3447.358, 'src': 'embed', 'start': 3416.669, 'weight': 0, 'content': [{'end': 3418.129, 'text': "You don't have to work for four years.", 'start': 3416.669, 'duration': 1.46}, {'end': 3422.71, 'text': "It's all about how you build yourself as a developer, how you build your soft skills as a developer.", 'start': 3418.189, 'duration': 4.521}, {'end': 3426.11, 'text': "It's not just like woo random stuff.", 'start': 3423.97, 'duration': 2.14}, {'end': 3428.671, 'text': 'Like Sunny was making over a hundred thousand.', 'start': 3426.17, 'duration': 2.501}, {'end': 3431.251, 'text': 'You know, a year as a react developer.', 'start': 3429.191, 'duration': 2.06}, {'end': 3433.264, 'text': 'Yeah, honestly.', 'start': 3432.423, 'duration': 0.841}, {'end': 3436.988, 'text': 'And that was combined between a salary and some freelance work.', 'start': 3433.284, 'duration': 3.704}, {'end': 3439.15, 'text': 'And that pushed me over the 100K mark.', 'start': 3437.128, 'duration': 2.022}, {'end': 3441.332, 'text': "And guys, it's possible.", 'start': 3439.85, 'duration': 1.482}, {'end': 3442.553, 'text': 'It can be done.', 'start': 3441.812, 'duration': 0.741}, {'end': 3447.358, 'text': 'And I can tell you my salary went from very, it was actually below that low mark.', 'start': 3442.573, 'duration': 4.785}], 'summary': 'You can earn over 100k as a react developer, combining salary and freelance work, without needing a four-year degree.', 'duration': 30.689, 'max_score': 3416.669, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g3416669.jpg'}, {'end': 3774.373, 'src': 'embed', 'start': 3741.658, 'weight': 1, 'content': [{'end': 3745.603, 'text': 'yeah, and guys, the main thing, the thing is, we showed you what the love frameworks are.', 'start': 3741.658, 'duration': 3.945}, {'end': 3752.291, 'text': 'we showed you that sort of stuff, but the most wanted framework is what is going to lead you to your sort of monetary goal.', 'start': 3745.603, 'duration': 6.688}, {'end': 3755.374, 'text': "right, if it's wanted, it's in demand, and we can see here on.", 'start': 3752.291, 'duration': 3.083}, {'end': 3757.056, 'text': 'indeed, how many jobs have we got here?', 'start': 3755.374, 'duration': 1.682}, {'end': 3763.443, 'text': 'kazi? We got 51, 781 jobs just on Indeed, if you type in React.', 'start': 3757.056, 'duration': 6.387}, {'end': 3767.246, 'text': 'So the amount of jobs here are absolutely insane.', 'start': 3764.043, 'duration': 3.203}, {'end': 3774.373, 'text': "And you know what I would do? I would literally make this Amazon project that we're going to show you tomorrow on day two, three, and four.", 'start': 3767.266, 'duration': 7.107}], 'summary': 'React framework has 51,781 job opportunities on indeed, indicating high demand and potential monetary gain.', 'duration': 32.715, 'max_score': 3741.658, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g3741658.jpg'}], 'start': 2366.629, 'title': 'Navigating react developer career', 'summary': "Covers building a personal roadmap for a 100k yearly income, importance of personal 'why' and career choices, javascript and react job opportunities with potential earnings of 75,000 to 120,000 a year, and the increasing demand for react framework with 51,781 job openings in the united states.", 'chapters': [{'end': 2537.213, 'start': 2366.629, 'title': 'Building 100k roadmap as reactjs developer', 'summary': 'Focuses on building a personal roadmap for making 100k a year as a react javascript developer, with insights from participants highlighting their priorities beyond money, such as family, knowledge, and making an impact.', 'duration': 170.584, 'highlights': ['Participants share priorities beyond money, such as family, knowledge, and making an impact. The participants mentioned priorities beyond money, including family, knowledge, and making an impact, reflecting a diverse set of values.', 'Emphasis on the importance of strong personal values and roots for grounding and strength. The analogy of roots of a tree is used to emphasize the importance of strong personal values and roots for grounding and strength, highlighting the significance of humility and groundedness.', 'Encouragement for participants to have strong goals and values, emphasizing their grounding effect. Encouragement is given for participants to have strong goals and values, emphasizing their grounding effect and likening them to the roots of a tree for stability and strength.']}, {'end': 3321.282, 'start': 2537.673, 'title': 'Importance of personal why and career choices as a react developer', 'summary': "Emphasizes the importance of having a strong personal 'why' and outlines the benefits and considerations of choosing between freelance and full-time work as a react developer, showcasing the diverse experiences and insights of industry experts and community members.", 'duration': 783.609, 'highlights': ["React developer's personal 'why' is emphasized as crucial for motivation and perseverance, with personal experiences shared as examples. The chapter stresses the significance of establishing a strong personal 'why' as a React developer, citing personal experiences of finding motivation and perseverance through personal 'whys', such as supporting family and repaying parental sacrifices.", 'The advantages and considerations of choosing between freelance and full-time work as a React developer are discussed, presenting contrasting experiences and insights. The benefits and considerations of freelance and full-time work as a React developer are thoroughly discussed, showcasing contrasting experiences and insights from industry experts and community members, highlighting the impact on income potential, job security, and work-life balance.', 'The significance of JavaScript and React.js in the tech industry is underscored, with a focus on the popularity and adoption by leading tech companies. The importance of JavaScript and React.js in the tech industry is emphasized, highlighting the widespread adoption by top tech companies like Facebook, Microsoft, LinkedIn, and the popularity of JavaScript as the most favored language, indicating its relevance and demand in the industry.']}, {'end': 3510.008, 'start': 3321.282, 'title': 'Javascript and react job opportunities', 'summary': 'Discusses the job opportunities and salary prospects for javascript and react developers, with potential earnings ranging from 75,000 to 120,000 a year, along with the number of job listings on platforms like indeed and upwork.', 'duration': 188.726, 'highlights': ['JavaScript and React developers can earn up to 120,000 a year The chapter highlights the potential earnings for JavaScript and React developers, with the possibility of making up to 120,000 a year.', 'Job listings for JavaScript and React developers The chapter mentions the significant number of job listings for JavaScript and React developers, with over 45,000 jobs listed on Indeed and 8,000 jobs available on Upwork.', 'Salary prospects for JavaScript and React developers The chapter provides salary data, stating that developers with less than one year of experience can earn around 75,000 a year, and those with one to four years of experience could earn 82,000 and beyond, along with a median salary range of 68,000 to 100,000 for junior developers.']}, {'end': 3839.907, 'start': 3510.008, 'title': 'React framework demand and job market', 'summary': 'Discusses the increasing demand for react framework as the most loved and wanted web framework, with 51,781 job openings in the united states, offering an average salary of $6,000 a month, while highlighting the decline of jquery and emphasizing the possibility for individuals of any age to excel in coding.', 'duration': 329.899, 'highlights': ['The React framework is the most loved and wanted web framework, with 51,781 job openings in the United States offering an average salary of $6,000 a month. The chapter emphasizes the high demand for React framework, supported by 51,781 job openings in the United States, and an average salary of $6,000 a month.', 'jQuery is declining fast, as evidenced by Bootstrap dropping support for it, and its replacement with pure JavaScript for faster and easier DOM manipulation. The transcript emphasizes the declining popularity of jQuery, demonstrated by Bootstrap dropping support for it due to its slow performance, and the ease of replacing its functionality with pure JavaScript.', 'The transcript highlights the success stories of individuals excelling in coding, regardless of age, such as a 12-year-old student acquiring his own school as a client after seven months of learning, and a former bartender and actor successfully transitioning to coding. The transcript showcases success stories of individuals excelling in coding, regardless of age or background, such as a 12-year-old student acquiring his own school as a client, and a former bartender and actor successfully transitioning to coding.']}], 'duration': 1473.278, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g2366629.jpg', 'highlights': ['JavaScript and React developers can earn up to 120,000 a year', 'The React framework is the most loved and wanted web framework, with 51,781 job openings in the United States offering an average salary of $6,000 a month', 'The significance of JavaScript and React.js in the tech industry is underscored, with a focus on the popularity and adoption by leading tech companies', 'The advantages and considerations of choosing between freelance and full-time work as a React developer are discussed, presenting contrasting experiences and insights', 'The chapter provides salary data, stating that developers with less than one year of experience can earn around 75,000 a year, and those with one to four years of experience could earn 82,000 and beyond, along with a median salary range of 68,000 to 100,000 for junior developers']}, {'end': 4535.931, 'segs': [{'end': 3879.189, 'src': 'embed', 'start': 3839.947, 'weight': 0, 'content': [{'end': 3845.811, 'text': 'So I think the opportunity now is more than ever because before, they were looking to hire people in person.', 'start': 3839.947, 'duration': 5.864}, {'end': 3850.475, 'text': "Now I don't know, maybe this thing is gonna be going on for a whole another year.", 'start': 3846.331, 'duration': 4.144}, {'end': 3853.518, 'text': "So I actually think there's more opportunity now than ever.", 'start': 3850.755, 'duration': 2.763}, {'end': 3856.261, 'text': "And you're part of the global space now.", 'start': 3853.859, 'duration': 2.402}, {'end': 3857.983, 'text': 'You can really get a job anywhere.', 'start': 3856.501, 'duration': 1.482}, {'end': 3860.45, 'text': 'exactly, and guys, it depends.', 'start': 3859.128, 'duration': 1.322}, {'end': 3862.512, 'text': "it doesn't really matter what country you're in.", 'start': 3860.45, 'duration': 2.062}, {'end': 3866.496, 'text': "you can access markets and this isn't possible in any other job market.", 'start': 3862.512, 'duration': 3.984}, {'end': 3868.198, 'text': 'like, you can access the us market.', 'start': 3866.496, 'duration': 1.702}, {'end': 3875.225, 'text': "you can access the uk market, the canadian market, even if you're in like in sri lanka, in different countries, malaysia,", 'start': 3868.198, 'duration': 7.027}, {'end': 3879.189, 'text': "doesn't matter where you are, you can access these markets, Yep.", 'start': 3875.225, 'duration': 3.964}], 'summary': 'Remote work offers global job opportunities, accessing various markets, regardless of location.', 'duration': 39.242, 'max_score': 3839.947, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g3839947.jpg'}, {'end': 3955.883, 'src': 'embed', 'start': 3922.936, 'weight': 4, 'content': [{'end': 3924.416, 'text': "We're building Amazon tomorrow, guys.", 'start': 3922.936, 'duration': 1.48}, {'end': 3925.556, 'text': 'Full on Amazon.', 'start': 3924.456, 'duration': 1.1}, {'end': 3931.897, 'text': "So you definitely want to show up for it because it's going to be the most valuable thing you can put on your portfolio.", 'start': 3925.756, 'duration': 6.141}, {'end': 3936.538, 'text': "And we know students have already landed jobs with the things that they've built.", 'start': 3932.077, 'duration': 4.461}, {'end': 3939.399, 'text': 'So you can very likely be that success story.', 'start': 3936.979, 'duration': 2.42}, {'end': 3941.56, 'text': 'So make sure you put your alarms on for that.', 'start': 3939.419, 'duration': 2.141}, {'end': 3942.9, 'text': "And with that, let's continue.", 'start': 3941.76, 'duration': 1.14}, {'end': 3946.06, 'text': 'exactly. so here we got now.', 'start': 3943.94, 'duration': 2.12}, {'end': 3947.261, 'text': 'what can you do with react?', 'start': 3946.06, 'duration': 1.201}, {'end': 3949.121, 'text': 'now, guys, here are the things you can do with react.', 'start': 3947.261, 'duration': 1.86}, {'end': 3955.883, 'text': 'right, you can actually build a netflix app like this, which we actually built on clever programmer and showed you guys how to do it.', 'start': 3949.121, 'duration': 6.762}], 'summary': 'Building amazon tomorrow, valuable for portfolio, students landed jobs with their builds, can build a netflix app with react.', 'duration': 32.947, 'max_score': 3922.936, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g3922936.jpg'}, {'end': 4037.537, 'src': 'embed', 'start': 4006.504, 'weight': 2, 'content': [{'end': 4009.007, 'text': "So we've broken it down into three days.", 'start': 4006.504, 'duration': 2.503}, {'end': 4015.294, 'text': "And at the end of the three days, what you're going to have is a fully functional Amazon clone.", 'start': 4009.527, 'duration': 5.767}, {'end': 4016.875, 'text': "So it's going to have this UI.", 'start': 4015.594, 'duration': 1.281}, {'end': 4018.097, 'text': "It's this beautiful UI.", 'start': 4016.935, 'duration': 1.162}, {'end': 4020.219, 'text': "It's going to be responsive.", 'start': 4018.377, 'duration': 1.842}, {'end': 4022.287, 'text': "We're going to have basket functionality.", 'start': 4020.606, 'duration': 1.681}, {'end': 4024.589, 'text': 'We are going to have order checkout processing.', 'start': 4022.367, 'duration': 2.222}, {'end': 4027.911, 'text': 'We are going to have payment processing, which is insane, guys.', 'start': 4024.609, 'duration': 3.302}, {'end': 4032.694, 'text': "You'll be able to run a card on this program, and it will work.", 'start': 4027.951, 'duration': 4.743}, {'end': 4037.537, 'text': "We're also going to have sign-in functionality, the ability to create accounts, log in.", 'start': 4032.974, 'duration': 4.563}], 'summary': 'In three days, create a fully functional amazon clone with responsive ui, basket and order processing, payment processing, and sign-in functionality.', 'duration': 31.033, 'max_score': 4006.504, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g4006504.jpg'}, {'end': 4130.214, 'src': 'embed', 'start': 4096.538, 'weight': 3, 'content': [{'end': 4097.84, 'text': "There's no wait time.", 'start': 4096.538, 'duration': 1.302}, {'end': 4100.06, 'text': 'Exactly guys.', 'start': 4099.321, 'duration': 0.739}, {'end': 4105.965, 'text': 'And to cover some of the points in case you guys are interested, we are going to be using Stripe for the payment processing.', 'start': 4100.121, 'duration': 5.844}, {'end': 4112.749, 'text': 'If you guys are interested in learning things like Redux, Redux is going to be used in the form of the React context API.', 'start': 4106.325, 'duration': 6.424}, {'end': 4116.77, 'text': "So we're going to show you guys how to go ahead and create that with the React context API.", 'start': 4112.788, 'duration': 3.982}, {'end': 4120.674, 'text': "We've got React Router for dynamic page routing inside of React apps.", 'start': 4117.072, 'duration': 3.602}, {'end': 4123.109, 'text': "we're gonna deploy the thing.", 'start': 4121.209, 'duration': 1.9}, {'end': 4130.214, 'text': "So we're gonna show you how, once you've built this entire app, how simple it is to go ahead and deploy it with Firebase Hosting.", 'start': 4123.13, 'duration': 7.084}], 'summary': 'No wait time, using stripe for payment processing, teaching redux and react context api, deploying with firebase hosting.', 'duration': 33.676, 'max_score': 4096.538, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g4096537.jpg'}], 'start': 3839.947, 'title': 'Global remote job opportunities', 'summary': 'Discusses the increasing job opportunities in the global market due to remote work, emphasizing accessibility to markets such as the us, uk, and canada. it also highlights the upcoming live session to build an amazon clone using react, covering features like payment processing and sign-in functionality, with a focus on simplicity for beginners and portfolio value.', 'chapters': [{'end': 3879.189, 'start': 3839.947, 'title': 'Remote job opportunities in global market', 'summary': 'Discusses the increased job opportunities in the global market due to remote work, highlighting the accessibility to various markets such as the us, uk, and canada from any location.', 'duration': 39.242, 'highlights': ['Remote work offers increased job opportunities globally, as individuals can access markets such as the US, UK, and Canada from any location.', 'The shift towards remote work presents more opportunities as companies are now hiring globally rather than in person.', 'Remote work allows individuals to access job opportunities worldwide and be part of the global space.']}, {'end': 4535.931, 'start': 3879.949, 'title': 'Building amazon clone with react', 'summary': 'Discusses the upcoming live session to build an amazon clone using react, covering various features such as payment processing, sign-in functionality, and user authentication, while also teaching react components and emphasizing simplicity for beginners, with a focus on the value it brings to the portfolio.', 'duration': 655.982, 'highlights': ['The upcoming live session will cover building an Amazon clone using React, with features like payment processing, sign-in functionality, and user authentication, aiming to provide a valuable addition to portfolios.', 'Teaching React components by emphasizing simplicity for beginners and reusability, highlighting the ease of creating components and ensuring responsiveness, with a promise of a significant knowledge impact.', 'The session will include tutorials on using Stripe for payment processing, React context API for state management, React Router for dynamic page routing, and deploying the app with Firebase Hosting, ensuring simplicity and accessibility for learners.', 'The engagement from the audience, expressing commitment to attend the upcoming session, and the mention of individuals benefiting from the content and landing job opportunities, reflecting the impact and relevance of the educational content.', 'The mention of building a Netflix app, Facebook clone, and Airbnb app with React, along with the availability of free tutorials on YouTube, highlighting the practical applications and accessibility of the educational resources.']}], 'duration': 695.984, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g3839947.jpg', 'highlights': ['Remote work offers increased job opportunities globally, as individuals can access markets such as the US, UK, and Canada from any location.', 'The shift towards remote work presents more opportunities as companies are now hiring globally rather than in person.', 'The upcoming live session will cover building an Amazon clone using React, with features like payment processing, sign-in functionality, and user authentication, aiming to provide a valuable addition to portfolios.', 'The session will include tutorials on using Stripe for payment processing, React context API for state management, React Router for dynamic page routing, and deploying the app with Firebase Hosting, ensuring simplicity and accessibility for learners.', 'The engagement from the audience, expressing commitment to attend the upcoming session, and the mention of individuals benefiting from the content and landing job opportunities, reflecting the impact and relevance of the educational content.']}, {'end': 5156.209, 'segs': [{'end': 4561.38, 'src': 'embed', 'start': 4535.951, 'weight': 4, 'content': [{'end': 4542.572, 'text': "So, guys, when you make stories, make sure you guys tag us, because then what we do is we'll take your exact story right?", 'start': 4535.951, 'duration': 6.621}, {'end': 4546.153, 'text': "So now I'm on my story and I'm actually gonna post it.", 'start': 4542.652, 'duration': 3.501}, {'end': 4551.174, 'text': 'So now I just posted his story to my story and he will get a shout out that way too.', 'start': 4546.971, 'duration': 4.203}, {'end': 4553.115, 'text': 'So you guys should do that and take advantage of it.', 'start': 4551.334, 'duration': 1.781}, {'end': 4556.717, 'text': "Exactly And that's gonna help you guys grow as well.", 'start': 4554.356, 'duration': 2.361}, {'end': 4558.919, 'text': 'Cause we tell you guys to record your journey as well.', 'start': 4556.737, 'duration': 2.182}, {'end': 4561.38, 'text': 'So be a part of everything and yeah.', 'start': 4559.199, 'duration': 2.181}], 'summary': 'Tag us in your stories for a shout-out and grow your audience.', 'duration': 25.429, 'max_score': 4535.951, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g4535951.jpg'}, {'end': 4636.564, 'src': 'embed', 'start': 4600.034, 'weight': 0, 'content': [{'end': 4601.756, 'text': "it's going to be easy to test.", 'start': 4600.034, 'duration': 1.722}, {'end': 4604.118, 'text': "we're going to show you how to build custom hooks as well.", 'start': 4601.756, 'duration': 2.362}, {'end': 4607.102, 'text': 'so react hooks are one of the most important things.', 'start': 4604.118, 'duration': 2.984}, {'end': 4612.687, 'text': "so the more you just get used to hearing and saying it literally, the better you'll become.", 'start': 4607.102, 'duration': 5.585}, {'end': 4614.069, 'text': 'yeah, and consider yourself lucky.', 'start': 4612.687, 'duration': 1.382}, {'end': 4621.192, 'text': 'guys like you came in right now, at a time where there are things like hooks, and hooks were a new edition in react 16.8.', 'start': 4614.069, 'duration': 7.123}, {'end': 4622.853, 'text': 'And guys, it just makes life so easy.', 'start': 4621.192, 'duration': 1.661}, {'end': 4626.196, 'text': "So it's so fun to code in React now because of things like hooks.", 'start': 4622.913, 'duration': 3.283}, {'end': 4629.478, 'text': "And we're going to show you how to use everything in tomorrow's video.", 'start': 4626.216, 'duration': 3.262}, {'end': 4631.74, 'text': 'Absolutely All right.', 'start': 4630.139, 'duration': 1.601}, {'end': 4633.121, 'text': "And let's go ahead.", 'start': 4632.18, 'duration': 0.941}, {'end': 4636.564, 'text': 'So class-based versus functional-based on the left-hand side right?', 'start': 4633.161, 'duration': 3.403}], 'summary': "React hooks make coding easier, and we will demonstrate how to use them in tomorrow's video.", 'duration': 36.53, 'max_score': 4600.034, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g4600034.jpg'}, {'end': 5000.908, 'src': 'embed', 'start': 4974.513, 'weight': 3, 'content': [{'end': 4981.517, 'text': "So the next thing we're talking about is essentially we spoke about hooks, so we're not going to dive too far into the exact implementation.", 'start': 4974.513, 'duration': 7.004}, {'end': 4988.621, 'text': 'But in a nutshell, we have something called the useState hook and what that does is in a single line of code.', 'start': 4981.957, 'duration': 6.664}, {'end': 4991.162, 'text': 'we can just set up the variable in React.', 'start': 4988.621, 'duration': 2.541}, {'end': 4992.082, 'text': 'So, for example,', 'start': 4991.182, 'duration': 0.9}, {'end': 5000.908, 'text': 'if we had a count like in the code example here we give it an initial value of zero And you can see the single line of code in a functional component.', 'start': 4992.082, 'duration': 8.826}], 'summary': 'The usestate hook in react allows setting up a variable in a single line of code, as demonstrated with an initial value of zero for a count in a functional component.', 'duration': 26.395, 'max_score': 4974.513, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g4974513.jpg'}, {'end': 5063.002, 'src': 'embed', 'start': 5036.548, 'weight': 1, 'content': [{'end': 5041.61, 'text': 'So a really easy way to keep track of things in React.', 'start': 5036.548, 'duration': 5.062}, {'end': 5042.87, 'text': 'So this is a useState hook.', 'start': 5041.67, 'duration': 1.2}, {'end': 5044.211, 'text': 'All right.', 'start': 5043.851, 'duration': 0.36}, {'end': 5046.932, 'text': 'And what the heck are props, Sonny?', 'start': 5044.911, 'duration': 2.021}, {'end': 5051.474, 'text': "Right, so this is another fundamental of React and it's very important.", 'start': 5047.952, 'duration': 3.522}, {'end': 5054.176, 'text': 'we cover it today because props are essentially.', 'start': 5051.474, 'duration': 2.702}, {'end': 5057.258, 'text': 'you saw earlier, Kazi showed you a bunch of different products, right?', 'start': 5054.176, 'duration': 3.082}, {'end': 5063.002, 'text': "Now, if we're reusing the same product, surely how do we make?", 'start': 5057.759, 'duration': 5.243}], 'summary': 'Introduction to react hooks, usestate, and props in react.', 'duration': 26.454, 'max_score': 5036.548, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5036548.jpg'}], 'start': 4535.951, 'title': 'React development', 'summary': 'Covers react development, emphasizing the benefits of using hooks and functional components to simplify coding, tagging stories for shoutouts, and the upcoming focus on teaching hooks and technical fundamentals. it also explains the concept of state and props in react, highlighting the use of hooks like usestate for efficient page refreshes.', 'chapters': [{'end': 4740.748, 'start': 4535.951, 'title': 'React hooks and functional components', 'summary': 'Discussed the benefits of using react hooks and functional components to simplify coding, the importance of tagging stories for shoutouts, and the upcoming focus on teaching hooks and technical fundamentals.', 'duration': 204.797, 'highlights': ['The chapter discussed the benefits of using React hooks and functional components to simplify coding React hooks and functional components are highlighted as being lightweight, easy to implement, and essential for simplifying the coding process, making it fun and efficient.', 'The importance of tagging stories for shoutouts Encouraging tagging stories for shoutouts to help grow and engage the community, emphasizing the value of being a part of everything and leveraging it for growth.', 'Upcoming focus on teaching hooks and technical fundamentals The upcoming session will delve into hooks in a deeper and more technical way, emphasizing the importance of learning and utilizing hooks, as well as covering fundamentals like state and props.']}, {'end': 5156.209, 'start': 4741.108, 'title': 'React state and props', 'summary': 'Explains the concept of state and props in react, highlighting that each component has its own memory and state, which can be managed using hooks like usestate, enabling efficient and minimal page refreshes.', 'duration': 415.101, 'highlights': ['Components have their own memory and state, which can be managed using hooks like useState, enabling efficient and minimal page refreshes Components in React have their own memory and state, which can be managed using hooks like useState, allowing for efficient and minimal page refreshes, enhancing user experience.', 'useState hook allows setting up variables in React in a single line of code The useState hook in React enables the setting up of variables in a single line of code, simplifying the process and enhancing code efficiency.', 'Props allow passing data to components for rendering in a different way Props in React allow for the passing of data to components, enabling them to render in a different way, providing flexibility and customization.']}], 'duration': 620.258, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g4535951.jpg', 'highlights': ['The upcoming session will delve into hooks in a deeper and more technical way, emphasizing the importance of learning and utilizing hooks, as well as covering fundamentals like state and props.', 'Components in React have their own memory and state, which can be managed using hooks like useState, allowing for efficient and minimal page refreshes, enhancing user experience.', 'The chapter discussed the benefits of using React hooks and functional components to simplify coding React hooks and functional components are highlighted as being lightweight, easy to implement, and essential for simplifying the coding process, making it fun and efficient.', 'The useState hook in React enables the setting up of variables in a single line of code, simplifying the process and enhancing code efficiency.', 'The importance of tagging stories for shoutouts Encouraging tagging stories for shoutouts to help grow and engage the community, emphasizing the value of being a part of everything and leveraging it for growth.', 'Props in React allow for the passing of data to components, enabling them to render in a different way, providing flexibility and customization.']}, {'end': 5774.692, 'segs': [{'end': 5419.204, 'src': 'embed', 'start': 5375.189, 'weight': 1, 'content': [{'end': 5380.754, 'text': "Yeah, you're going to have to pass the user as a prop down to the next component and then down to the next one.", 'start': 5375.189, 'duration': 5.565}, {'end': 5383.757, 'text': 'And we call that problem prop drilling right?', 'start': 5381.115, 'duration': 2.642}, {'end': 5388.541, 'text': 'And as soon as you see prop drilling, you just like stop coding and you say okay,', 'start': 5384.057, 'duration': 4.484}, {'end': 5395.788, 'text': 'I need to implement something like a data layer which is basically going to wrap it and do what Kazi just sort of explained earlier, which is,', 'start': 5388.541, 'duration': 7.247}, {'end': 5399.061, 'text': 'You just want to be able to pull it straight from the login.', 'start': 5396.397, 'duration': 2.664}, {'end': 5401.646, 'text': 'Exactly. So, basically,', 'start': 5399.362, 'duration': 2.284}, {'end': 5408.938, 'text': 'what a data layer allows us to do is just have it in one place where everybody can access it right? Like where you can access it directly.', 'start': 5401.646, 'duration': 7.292}, {'end': 5419.204, 'text': 'So instead of having this like crappy structured structure, you just have one data layer and that has all the information that you need.', 'start': 5410.259, 'duration': 8.945}], 'summary': 'Implement a data layer to avoid prop drilling and access information from one centralized place.', 'duration': 44.015, 'max_score': 5375.189, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5375189.jpg'}, {'end': 5662.141, 'src': 'embed', 'start': 5633.523, 'weight': 0, 'content': [{'end': 5636.364, 'text': 'So introducing the React context API.', 'start': 5633.523, 'duration': 2.841}, {'end': 5644.626, 'text': 'what it does is it just makes Redux, which is a very powerful technology that all React developers or developers in general should know about,', 'start': 5636.364, 'duration': 8.262}, {'end': 5646.086, 'text': 'but it makes that really easy.', 'start': 5644.626, 'duration': 1.46}, {'end': 5654.209, 'text': "And it's the way that we recommend that you guys actually learn, like this should be your first baby step before you get into Redux.", 'start': 5646.427, 'duration': 7.782}, {'end': 5655.669, 'text': "And it's still extremely powerful.", 'start': 5654.489, 'duration': 1.18}, {'end': 5658.059, 'text': 'The both patterns are the same.', 'start': 5656.638, 'duration': 1.421}, {'end': 5662.141, 'text': "It's just the React context API is a super easy way to learn the pattern.", 'start': 5658.239, 'duration': 3.902}], 'summary': 'The react context api simplifies learning and using redux, making it an easy first step before diving into redux, while still being extremely powerful.', 'duration': 28.618, 'max_score': 5633.523, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5633523.jpg'}, {'end': 5709.26, 'src': 'embed', 'start': 5680.549, 'weight': 4, 'content': [{'end': 5686.691, 'text': 'So this is exactly kind of like once we are able to use things like the React context API,', 'start': 5680.549, 'duration': 6.142}, {'end': 5689.652, 'text': 'we can actually go ahead and build the powerful apps like we showed you earlier.', 'start': 5686.691, 'duration': 2.961}, {'end': 5693.373, 'text': 'So the Netflix clone, the Facebook clone, the Airbnb clone,', 'start': 5689.692, 'duration': 3.681}, {'end': 5702.976, 'text': 'the Amazon clone all of those things are possible because we can use the React context API and have that data layer and have that extra layer of functionality to our app.', 'start': 5693.373, 'duration': 9.603}, {'end': 5709.26, 'text': 'Absolutely And then you can build things like Facebook clone or Airbnb clone or the Amazon clone.', 'start': 5703.577, 'duration': 5.683}], 'summary': 'Using react context api enables building powerful apps like netflix, facebook, airbnb, and amazon clones.', 'duration': 28.711, 'max_score': 5680.549, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5680549.jpg'}, {'end': 5743.874, 'src': 'embed', 'start': 5713.402, 'weight': 5, 'content': [{'end': 5715.403, 'text': "And tomorrow we're gonna be covering Firebase as well.", 'start': 5713.402, 'duration': 2.001}, {'end': 5719.045, 'text': 'So what is Firebase and why is it so useful for a React developer?', 'start': 5715.503, 'duration': 3.542}, {'end': 5723.948, 'text': "And we're gonna touch base on it a little bit, because it also allows you to host your app online.", 'start': 5719.205, 'duration': 4.743}, {'end': 5727.149, 'text': 'And Firebase is honestly the easiest way to go.', 'start': 5724.828, 'duration': 2.321}, {'end': 5732.71, 'text': "And it allows you to scale to 100 million users if 100 million users got onto your app because it's Google.", 'start': 5727.169, 'duration': 5.541}, {'end': 5734.451, 'text': 'So Google knows how to scale to it.', 'start': 5733.051, 'duration': 1.4}, {'end': 5736.252, 'text': 'It makes your life a lot easier.', 'start': 5734.471, 'duration': 1.781}, {'end': 5741.393, 'text': "Cloud Firestore, and write this down, guys, because if this is a lot, that's okay.", 'start': 5737.052, 'duration': 4.341}, {'end': 5743.874, 'text': "We're here to just over-deliver on the value.", 'start': 5741.433, 'duration': 2.441}], 'summary': 'Firebase allows react developers to host app online, scale to 100m users, and makes life easier.', 'duration': 30.472, 'max_score': 5713.402, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5713402.jpg'}], 'start': 5156.269, 'title': 'React and redux for powerful apps', 'summary': 'Covers the concepts of props in react and the need for redux to avoid prop drilling, explains data layer integration with e-commerce, and introduces react context api and firebase for building powerful apps, capable of handling 100 million users.', 'chapters': [{'end': 5456.054, 'start': 5156.269, 'title': 'React props and redux data layer', 'summary': 'Explains the concept of props in react as analogous to function arguments and illustrates the need for a data layer like redux to avoid prop drilling and facilitate global access to data.', 'duration': 299.785, 'highlights': ['Props are to components as arguments are to functions. The comparison of props to function arguments aids in understanding their role in React components.', 'Redux is a data layer that facilitates global access to data and avoids prop drilling. The explanation of Redux as a solution to prop drilling and a global store simplifies data access in React components.', 'The need for a data layer like Redux is illustrated through the concept of prop drilling. The concept of prop drilling is used to demonstrate the inefficiency of passing data through multiple components, emphasizing the need for a centralized data layer.']}, {'end': 5589.422, 'start': 5456.895, 'title': 'Data layer and e-commerce integration', 'summary': 'Explains the integration of an e-commerce platform with a data layer, enabling real-time product addition and removal, facilitating dynamic display of basket information, and providing a seamless coding experience.', 'duration': 132.527, 'highlights': ['The data layer is utilized to add and remove products in real time, enhancing the user experience and enabling seamless integration with the e-commerce platform.', 'The information from the data layer is leveraged to dynamically display basket content and calculate the total, streamlining the coding process and ensuring efficient performance.', 'The chapter emphasizes the benefits of utilizing the data layer for e-commerce integration, highlighting its role in enabling fast and efficient operations without the complexities of prop drilling.']}, {'end': 5774.692, 'start': 5589.522, 'title': 'React context api and firebase for powerful apps', 'summary': 'Introduces the react context api as an easy way to learn the pattern before moving on to redux, enabling the building of powerful apps like netflix, facebook, airbnb, and amazon clones, and also covers the usefulness of firebase for hosting and scaling apps, capable of handling 100 million users.', 'duration': 185.17, 'highlights': ['The chapter introduces the React context API as a recommended first step before learning Redux, enabling the building of powerful apps like Netflix, Facebook, Airbnb, and Amazon clones.', 'Firebase is highlighted as useful for hosting and scaling apps, capable of handling 100 million users and is described as the easiest way to host an app online.', 'The React context API is described as a super easy way to learn the pattern, making it easier to move on to Redux, and it acts as a global store for apps, providing an extra layer of functionality.', 'The speaker shares a personal story about landing their first job and learning React by watching YouTube videos on a train, emphasizing not being afraid to learn new technologies.', 'Cloud Firestore, a feature of Firebase, is mentioned as a useful tool for React developers and is encouraged to be noted down for further understanding.']}], 'duration': 618.423, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5156269.jpg', 'highlights': ['Redux simplifies data access in React components by providing a global store.', 'The concept of prop drilling emphasizes the need for a centralized data layer like Redux.', 'The data layer enhances the user experience and enables seamless integration with e-commerce.', 'Utilizing the data layer streamlines the coding process and ensures efficient performance.', 'The React context API enables the building of powerful apps like Netflix, Facebook, Airbnb, and Amazon clones.', 'Firebase is capable of handling 100 million users and is described as the easiest way to host an app online.']}, {'end': 7133.813, 'segs': [{'end': 5842.781, 'src': 'embed', 'start': 5814.591, 'weight': 0, 'content': [{'end': 5818.552, 'text': 'And Firebase and Cloud Firestore is the easiest way to actually host your app.', 'start': 5814.591, 'duration': 3.961}, {'end': 5823.306, 'text': 'Moving forward, it allows you user authentication.', 'start': 5819.823, 'duration': 3.483}, {'end': 5825.308, 'text': 'So with your app, guys, how sick is it gonna be?', 'start': 5823.406, 'duration': 1.902}, {'end': 5832.973, 'text': "Wouldn't it be sick, guys, for you if you had Google authentication on your app or you had Facebook authentication or Twitter or GitHub?", 'start': 5825.368, 'duration': 7.605}, {'end': 5835.936, 'text': 'It would make you look so badass and professional, right?', 'start': 5833.574, 'duration': 2.362}, {'end': 5839.479, 'text': "Because people come onto your app and they're like hey, I can sign in with Google.", 'start': 5836.016, 'duration': 3.463}, {'end': 5840.239, 'text': "That's dope.", 'start': 5839.659, 'duration': 0.58}, {'end': 5842.781, 'text': 'Shaleen says, you guys are great.', 'start': 5841.6, 'duration': 1.181}], 'summary': 'Firebase and cloud firestore enable user authentication with google, facebook, twitter, and github, to enhance app professionalism and user experience.', 'duration': 28.19, 'max_score': 5814.591, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5814591.jpg'}, {'end': 5971.004, 'src': 'embed', 'start': 5940.613, 'weight': 1, 'content': [{'end': 5941.594, 'text': "So let's go forward.", 'start': 5940.613, 'duration': 0.981}, {'end': 5947.76, 'text': "So what's happening tomorrow? Tomorrow? What are you guys doing? Drop it in the comments below.", 'start': 5941.934, 'duration': 5.826}, {'end': 5949.722, 'text': 'I want to see if you are paying attention or not.', 'start': 5947.78, 'duration': 1.942}, {'end': 5957.71, 'text': "You are going to be building what? you're building the Amazon clone with full front end, full backend functionality.", 'start': 5950.242, 'duration': 7.468}, {'end': 5960.112, 'text': "You're gonna be able to accept card payments.", 'start': 5957.99, 'duration': 2.122}, {'end': 5961.234, 'text': "That's gonna be nice.", 'start': 5960.473, 'duration': 0.761}, {'end': 5965.118, 'text': "You're gonna be able to host it online and put it on your portfolio.", 'start': 5961.634, 'duration': 3.484}, {'end': 5966.439, 'text': "That's gonna be nice.", 'start': 5965.598, 'duration': 0.841}, {'end': 5969.042, 'text': "And you're gonna use this to get a job.", 'start': 5966.859, 'duration': 2.183}, {'end': 5971.004, 'text': "And that's gonna be real nice.", 'start': 5969.482, 'duration': 1.522}], 'summary': 'Building amazon clone with full functionality, including card payments, online hosting, and job prospects.', 'duration': 30.391, 'max_score': 5940.613, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5940613.jpg'}, {'end': 6014.51, 'src': 'embed', 'start': 5985.252, 'weight': 2, 'content': [{'end': 5994.155, 'text': "because that's where you will put your homework and we will give you personal feedback and we will reach out to you and we will look at every single student's submissions.", 'start': 5985.252, 'duration': 8.903}, {'end': 5997.296, 'text': "We're only doing this on Facebook.", 'start': 5994.775, 'duration': 2.521}, {'end': 6004.619, 'text': 'So make sure you join the group by clicking the link in the description and signing up for the five-day React JavaScript challenge.', 'start': 5997.676, 'duration': 6.943}, {'end': 6014.51, 'text': 'And what is the homework, Sunny? So guys, your homework is actually a big treat, right? We are giving you a portfolio, guys.', 'start': 6005.179, 'duration': 9.331}], 'summary': 'Join the facebook group to get personal feedback on homework for the five-day react javascript challenge, which includes creating a portfolio.', 'duration': 29.258, 'max_score': 5985.252, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5985252.jpg'}, {'end': 6058.848, 'src': 'embed', 'start': 6026.427, 'weight': 14, 'content': [{'end': 6029.268, 'text': "And basically what we've gone and done is we've created a portfolio.", 'start': 6026.427, 'duration': 2.841}, {'end': 6032.53, 'text': "We've used something we've credited.", 'start': 6029.288, 'duration': 3.242}, {'end': 6039.153, 'text': "We found a really nice portfolio and we've adapted it and made it super easy for you guys to go ahead and customize it.", 'start': 6032.57, 'duration': 6.583}, {'end': 6041.195, 'text': "We've dropped a video on how you do this.", 'start': 6039.434, 'duration': 1.761}, {'end': 6043.816, 'text': "We've got some instructions on how you can change it.", 'start': 6041.515, 'duration': 2.301}, {'end': 6046.618, 'text': 'how you can customize it and make it your own.', 'start': 6044.116, 'duration': 2.502}, {'end': 6049.941, 'text': 'And we want to see each and every one of you go ahead.', 'start': 6047.038, 'duration': 2.903}, {'end': 6052.483, 'text': 'And this is due tomorrow, guys.', 'start': 6050.301, 'duration': 2.182}, {'end': 6058.848, 'text': "So like, I want you guys to go ahead, do this homework and then submit this in the link that we're going to give you right now.", 'start': 6052.523, 'duration': 6.325}], 'summary': 'Created a customizable portfolio, due tomorrow, with instructions and video.', 'duration': 32.421, 'max_score': 6026.427, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g6026427.jpg'}, {'end': 6348.023, 'src': 'embed', 'start': 6306.988, 'weight': 4, 'content': [{'end': 6312.109, 'text': 'And we also want you to get a chance to win prizes with us like the $6, 000 coding boot camp.', 'start': 6306.988, 'duration': 5.121}, {'end': 6316.39, 'text': 'So for that, you have to participate in the Facebook group for the React Challenge.', 'start': 6312.55, 'duration': 3.84}, {'end': 6320.131, 'text': "Now, remember, you're going to need to update your details.", 'start': 6316.81, 'duration': 3.321}, {'end': 6322.552, 'text': "So it shouldn't say I'm Sunny Senga when I look at it.", 'start': 6320.191, 'duration': 2.361}, {'end': 6323.932, 'text': 'It should say your name.', 'start': 6322.692, 'duration': 1.24}, {'end': 6326.594, 'text': "We're going to be actually judging this pretty critically.", 'start': 6324.212, 'duration': 2.382}, {'end': 6332.739, 'text': "And then going tomorrow, we're actually going to be going over some of your portfolios and showing it off in front of everybody.", 'start': 6327.115, 'duration': 5.624}, {'end': 6334.241, 'text': 'So make sure that it looks good.', 'start': 6332.8, 'duration': 1.441}, {'end': 6338.024, 'text': "So when other people see it, it's representative of you and your work.", 'start': 6334.521, 'duration': 3.503}, {'end': 6341.667, 'text': 'Exactly Update your experience on it.', 'start': 6339.646, 'duration': 2.021}, {'end': 6344.21, 'text': 'Update your description on it.', 'start': 6341.827, 'duration': 2.383}, {'end': 6348.023, 'text': 'screenshot your portfolio once you have updated it.', 'start': 6345.419, 'duration': 2.604}], 'summary': 'Participate in the react challenge facebook group to win prizes like the $6,000 coding boot camp, update your details, and improve your portfolio for critical judgement and public display.', 'duration': 41.035, 'max_score': 6306.988, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g6306988.jpg'}, {'end': 6413.774, 'src': 'embed', 'start': 6384.847, 'weight': 6, 'content': [{'end': 6389.829, 'text': 'So one, it has to be good and something that you can show your potential employer.', 'start': 6384.847, 'duration': 4.982}, {'end': 6393.21, 'text': "Two, if you innovate, we're gonna give you extra points on it.", 'start': 6390.349, 'duration': 2.861}, {'end': 6398.587, 'text': "yep, and then we've actually created a form for you, got you guys to go ahead.", 'start': 6394.665, 'duration': 3.922}, {'end': 6400.128, 'text': "so there's two things you guys are going to need to do.", 'start': 6398.587, 'duration': 1.541}, {'end': 6405.09, 'text': 'you just need to fill out that form and you basically put in the link to your portfolio.', 'start': 6400.128, 'duration': 4.962}, {'end': 6408.692, 'text': "you put in the uh, we've shown you in the video how you can actually deploy it as well.", 'start': 6405.09, 'duration': 3.602}, {'end': 6413.774, 'text': 'yep, and then we want, like, as he said, upload the actual screenshot as a comment in the facebook post.', 'start': 6408.692, 'duration': 5.082}], 'summary': 'Create a good portfolio, innovate for extra points, and submit form with portfolio link and deployment proof.', 'duration': 28.927, 'max_score': 6384.847, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g6384847.jpg'}, {'end': 6463.044, 'src': 'embed', 'start': 6442.29, 'weight': 7, 'content': [{'end': 6461.583, 'text': "Exactly. And we are going to be opening the doors to profit with JavaScript in a few days and we're going to be releasing it at the best price possible because in a week or two weeks it's going to go up in price because so many students have told us that this program is worth more than their 10,", 'start': 6442.29, 'duration': 19.293}, {'end': 6463.044, 'text': '000 or even their $15, 000 online coding bootcamp.', 'start': 6461.583, 'duration': 1.461}], 'summary': 'Javascript profit course opening soon, price to increase due to high value feedback.', 'duration': 20.754, 'max_score': 6442.29, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g6442290.jpg'}, {'end': 6535.663, 'src': 'embed', 'start': 6489.483, 'weight': 8, 'content': [{'end': 6495.85, 'text': "mark it on your calendars, because that's exactly when we're going to be opening up the doors to this program.", 'start': 6489.483, 'duration': 6.367}, {'end': 6502.797, 'text': "september 13th, all right, and that's going to be, i think, around 11 a.m pacific as well.", 'start': 6495.85, 'duration': 6.947}, {'end': 6506.16, 'text': "so make sure you show up to that, and it's going to be really really.", 'start': 6502.797, 'duration': 3.363}, {'end': 6510.867, 'text': "um, it's going to be really big, All right, so let's move forward.", 'start': 6506.16, 'duration': 4.707}, {'end': 6515.85, 'text': 'Now more for your homework, download Visual Studio Code.', 'start': 6511.347, 'duration': 4.503}, {'end': 6517.491, 'text': 'This is a must do task.', 'start': 6516.09, 'duration': 1.401}, {'end': 6524.496, 'text': "So make sure you go to this link, click it and install this on your computer if you don't have it already.", 'start': 6517.792, 'duration': 6.704}, {'end': 6528.719, 'text': "This is what's gonna allow you to write code, download the extensions and follow us along.", 'start': 6524.996, 'duration': 3.723}, {'end': 6535.663, 'text': "Exactly And then what else? You're going to need Node.js in order to run the React app, guys.", 'start': 6529.779, 'duration': 5.884}], 'summary': 'Program doors open on september 13th at 11 a.m. pacific. download visual studio code for homework and node.js for running the react app.', 'duration': 46.18, 'max_score': 6489.483, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g6489483.jpg'}, {'end': 6581.69, 'src': 'embed', 'start': 6552.366, 'weight': 10, 'content': [{'end': 6555.227, 'text': "And we've got a final slide where we pretty much are going to hit.", 'start': 6552.366, 'duration': 2.861}, {'end': 6561.414, 'text': 'We go ahead and tell you guys a really handy extension that we just add in as a little bit of a closing point.', 'start': 6556.109, 'duration': 5.305}, {'end': 6563.376, 'text': "It's called ES7 React Snippets.", 'start': 6561.795, 'duration': 1.581}, {'end': 6568.561, 'text': "This will help you speed up your coding speed when you're coding with React in tomorrow's session.", 'start': 6563.716, 'duration': 4.845}, {'end': 6573.326, 'text': "So this will help you a lot in tomorrow's session, be it fast if you're coding along with us.", 'start': 6568.941, 'duration': 4.385}, {'end': 6577.69, 'text': "And yeah, I think that's a really, really cool extension which everyone should go ahead and download.", 'start': 6574.287, 'duration': 3.403}, {'end': 6581.69, 'text': 'Somebody says the portfolio just turned the heat up in here.', 'start': 6578.746, 'duration': 2.944}], 'summary': "Es7 react snippets can significantly improve coding speed for react, beneficial for tomorrow's session.", 'duration': 29.324, 'max_score': 6552.366, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g6552366.jpg'}, {'end': 6734.634, 'src': 'heatmap', 'start': 6640.442, 'weight': 11, 'content': [{'end': 6644.507, 'text': "guys, if you, if you've enjoyed this, let us know in the comments right now.", 'start': 6640.442, 'duration': 4.065}, {'end': 6651.334, 'text': "smash the thumbs up button if you haven't already and guys, share this with your friends, share this with your families and if you guys,", 'start': 6644.507, 'duration': 6.827}, {'end': 6658.461, 'text': "even if you have friends that want to join late or later after the first day, Guys, it's completely fine to go ahead and join late,", 'start': 6651.334, 'duration': 7.127}, {'end': 6659.442, 'text': 'as long as you can catch up.', 'start': 6658.461, 'duration': 0.981}, {'end': 6660.363, 'text': 'The videos are going to be online.', 'start': 6659.462, 'duration': 0.901}, {'end': 6661.464, 'text': "They're going to be on YouTube.", 'start': 6660.383, 'duration': 1.081}, {'end': 6669.191, 'text': 'You can join the challenge afterwards and you can still be a part of that chance of winning that final prize at the end of the challenge.', 'start': 6661.784, 'duration': 7.407}, {'end': 6672.794, 'text': "Absolutely So it's never too late.", 'start': 6669.391, 'duration': 3.403}, {'end': 6676.397, 'text': 'You guys can join and become a part of this five day react challenge.', 'start': 6672.854, 'duration': 3.543}, {'end': 6680.12, 'text': "And it's really a chance for you to change your career.", 'start': 6676.717, 'duration': 3.403}, {'end': 6684.243, 'text': 'Now I want to know, guys, Was this good value for you guys??', 'start': 6680.521, 'duration': 3.722}, {'end': 6686.124, 'text': 'Did we bring you good value??', 'start': 6684.283, 'duration': 1.841}, {'end': 6688.485, 'text': 'Did this help you in any way??', 'start': 6686.524, 'duration': 1.961}, {'end': 6692.287, 'text': 'If it did, please let us know in the comments below.', 'start': 6688.985, 'duration': 3.302}, {'end': 6694.688, 'text': 'Patchmore says you guys are top notch.', 'start': 6692.347, 'duration': 2.341}, {'end': 6698.57, 'text': "Alicia says, I'm so happy to have access to this portfolio.", 'start': 6695.248, 'duration': 3.322}, {'end': 6704.352, 'text': 'Cameron says, can you share the steps that need to get done before tomorrow? Yes.', 'start': 6700.391, 'duration': 3.961}, {'end': 6711.896, 'text': "So we're going to make a separate post where we're going to share every single step, but we can definitely recap it for you.", 'start': 6704.392, 'duration': 7.504}, {'end': 6713.818, 'text': 'Yeah, exactly.', 'start': 6713.137, 'duration': 0.681}, {'end': 6719.943, 'text': "We're going to include everything in that Facebook group, guys, and in the Slack group just so that you guys have full visibility.", 'start': 6713.838, 'duration': 6.105}, {'end': 6724.327, 'text': "Make sure you're inside that group and we will fix the links if they need to be fixed.", 'start': 6720.324, 'duration': 4.003}, {'end': 6725.268, 'text': "We'll do everything.", 'start': 6724.588, 'duration': 0.68}, {'end': 6728.892, 'text': "But yeah, keep an eye on that and make sure you're on top of this homework.", 'start': 6725.328, 'duration': 3.564}, {'end': 6729.792, 'text': 'Oh yeah.', 'start': 6729.412, 'duration': 0.38}, {'end': 6730.973, 'text': "And there's a Slack group.", 'start': 6729.832, 'duration': 1.141}, {'end': 6731.893, 'text': 'So be a part of it.', 'start': 6731.013, 'duration': 0.88}, {'end': 6734.634, 'text': "Cause that's where you can really like partner up with people.", 'start': 6731.953, 'duration': 2.681}], 'summary': 'Encouraging participation, offering online access, and providing value through a 5-day react challenge with positive feedback and additional support resources.', 'duration': 94.192, 'max_score': 6640.442, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g6640442.jpg'}, {'end': 6794.957, 'src': 'embed', 'start': 6765.871, 'weight': 12, 'content': [{'end': 6769.352, 'text': "Is the link to Slack? It's there.", 'start': 6765.871, 'duration': 3.481}, {'end': 6772.153, 'text': "Yeah, so it'll be fixed and you guys can definitely go in and join it.", 'start': 6769.372, 'duration': 2.781}, {'end': 6777.839, 'text': 'with that said, i hope that you guys got a ton of value, make sure.', 'start': 6772.873, 'duration': 4.966}, {'end': 6784.929, 'text': 'at this point, what i want to do is we want to take a few questions, and what i want to say is set an alarm and register for tomorrow.', 'start': 6777.839, 'duration': 7.09}, {'end': 6791.196, 'text': "guys, tomorrow is day two, where we're gonna now get into the amazon build.", 'start': 6784.929, 'duration': 6.267}, {'end': 6794.957, 'text': 'So your phone should look something like this.', 'start': 6791.636, 'duration': 3.321}], 'summary': 'Join slack for updates. day two: amazon build.', 'duration': 29.086, 'max_score': 6765.871, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g6765871.jpg'}, {'end': 7033.701, 'src': 'embed', 'start': 7011.86, 'weight': 3, 'content': [{'end': 7020.588, 'text': 'This is a ReactJS-based personal resume website template for participants of the Six Figure React JavaScript Challenge by Clever Programmer.', 'start': 7011.86, 'duration': 8.728}, {'end': 7023.511, 'text': 'Now, we want you to make it your own.', 'start': 7021.269, 'duration': 2.242}, {'end': 7026.875, 'text': 'Here are gonna be the prerequisites for your homework.', 'start': 7024.192, 'duration': 2.683}, {'end': 7029.597, 'text': "You're gonna need to sign up for a Netlify account here.", 'start': 7026.935, 'duration': 2.662}, {'end': 7033.701, 'text': "you're going to need to install Node.js in your computer here.", 'start': 7030.538, 'duration': 3.163}], 'summary': 'Reactjs resume template for six figure react javascript challenge participants. prerequisites: netlify account signup, node.js installation.', 'duration': 21.841, 'max_score': 7011.86, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g7011860.jpg'}], 'start': 5774.692, 'title': 'Web development and opportunities', 'summary': 'Covers firebase and cloud firestore, a react challenge with a $6,000 prize, a profitable javascript program, and portfolio customization for the six figure react javascript challenge, providing essential tools and specific instructions for upcoming projects and opportunities.', 'chapters': [{'end': 6178.756, 'start': 5774.692, 'title': 'Firebase & cloud functions workshop', 'summary': 'Highlighted the importance of firebase and cloud firestore, emphasizing its real-time database, user authentication, and serverless architecture, and announced the upcoming amazon clone project with full front-end and back-end functionality.', 'duration': 404.064, 'highlights': ['The chapter emphasized the importance of Firebase and Cloud Firestore, showcasing its real-time database, user authentication, and serverless architecture. Firebase and Cloud Firestore were highlighted for their ability to store data in real-time, provide user authentication with popular platforms like Google and Facebook, and offer a serverless architecture.', 'The chapter announced the upcoming Amazon clone project with full front-end and back-end functionality. The chapter revealed the upcoming project that will involve building an Amazon clone with full front-end and back-end functionality, including the ability to accept card payments and host it online.', 'The chapter encouraged viewers to join the Facebook group for the five-day React JavaScript challenge and announced a portfolio homework due the next day. Viewers were encouraged to join the Facebook group for the five-day React JavaScript challenge and were given a portfolio homework due the next day, with instructions and resources provided.']}, {'end': 6440.92, 'start': 6178.776, 'title': 'React challenge and portfolio showcase', 'summary': 'Introduces a react challenge where participants are required to download, customize, and showcase their portfolios on the facebook group, with the potential to win a $6,000 coding boot camp and attract job opportunities.', 'duration': 262.144, 'highlights': ['Participants are tasked with downloading, customizing, and showcasing their portfolios on the Facebook group for the React Challenge, with the opportunity to win a $6,000 coding boot camp and attract potential employers. The chapter emphasizes the importance of downloading, customizing, and showcasing portfolios on the Facebook group for the React Challenge, offering participants the chance to win a $6,000 coding boot camp and attract potential employers.', 'Instructions include updating personal details, experience, and description on the portfolio, as well as innovating to earn extra points. The chapter outlines instructions for updating personal details, experience, and description on the portfolio, and encourages innovation to earn extra points.', 'Participants are required to fill out a form with the portfolio link and upload the screenshot as a comment in the Facebook post to engage with other participants and potentially attract employers. Participants are instructed to fill out a form with the portfolio link, deploy the portfolio as shown in the video, and upload the screenshot as a comment in the Facebook post to engage with other participants and potentially attract employers.']}, {'end': 6694.688, 'start': 6442.29, 'title': 'Javascript profit opportunity & tool recommendations', 'summary': 'Introduces a profitable javascript program set to increase in price, provides a specific date for the program launch, recommends essential tools like visual studio code and node.js for react app development, and emphasizes the importance of staying engaged and updated for potential surprises and extensions.', 'duration': 252.398, 'highlights': ['The program price is set to increase, with students claiming its value exceeds that of $10,000 or even $15,000 coding bootcamps. The program is said to be worth more than $10,000 or $15,000 online coding bootcamps, leading to an imminent price increase.', "The specific date for the program's launch is September 13th, around 11 a.m. Pacific time. The program's doors will open on September 13th, approximately at 11 a.m. Pacific time, and will not be available for several months thereafter.", 'Recommendation to download Visual Studio Code as a must-do task for writing code and using extensions for coding. Visual Studio Code is recommended as a necessary tool for writing code and using extensions, emphasizing its importance.', 'Emphasizing the need for Node.js to run React apps, with guidance on downloading and installing it for Windows or Mac. Node.js is highlighted as essential for running React apps, with specific guidance provided for downloading and installing it for Windows or Mac.', 'Suggestion to install ES7 React Snippets as a helpful extension to speed up coding with React, with the promise of more surprises and tools to come. The ES7 React Snippets extension is suggested to enhance coding speed with React, with a hint of forthcoming surprises and tools.']}, {'end': 7133.813, 'start': 6695.248, 'title': 'Portfolio access and homework prep', 'summary': 'Highlights the importance of joining the facebook and slack groups for full visibility, setting alarms for the amazon build session, and customizing the react.js portfolio template for the six figure react javascript challenge, with specific instructions and prerequisites provided.', 'duration': 438.565, 'highlights': ['Joining the Facebook and Slack groups is emphasized for full visibility and collaboration, with instructions to fix any broken links and actively engage in partner projects.', 'Setting alarms for the Amazon build session is encouraged, with specific time conversions provided and a call to register for the session, fostering engagement and commitment.', 'Customizing the React.js portfolio template is a key focus, with instructions provided for downloading, unzipping, and editing the template, along with prerequisites such as signing up for a Netlify account and installing Node.js.', 'Encouragement to actively engage in partner projects is given, showcasing the potential for collaboration within the group and the value of customizing the provided portfolio template.', 'Specific time conversions are provided for different time zones, ensuring clarity and facilitating participation in the upcoming Amazon build session.']}], 'duration': 1359.121, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/rv8f-BxRq0g/pics/rv8f-BxRq0g5774692.jpg', 'highlights': ['Firebase and Cloud Firestore highlighted for real-time database and user authentication', 'Upcoming Amazon clone project with full front-end and back-end functionality announced', 'Encouragement to join Facebook group for React JavaScript challenge and portfolio homework given', 'Importance of customizing and showcasing portfolios for React Challenge emphasized', 'Opportunity to win $6,000 coding boot camp and attract potential employers highlighted', 'Instructions for updating personal details, experience, and description on the portfolio outlined', 'Participants instructed to fill out a form with the portfolio link and engage with other participants', 'Program price set to increase, claimed to exceed value of $10,000 or $15,000 coding bootcamps', "Specific date for program's launch announced as September 13th around 11 a.m. Pacific time", 'Recommendation to download Visual Studio Code and install Node.js for running React apps', 'Suggestion to install ES7 React Snippets as a helpful extension for coding with React', 'Emphasis on joining Facebook and Slack groups for full visibility and collaboration', 'Encouragement to set alarms for Amazon build session and register for the session', 'Customizing the React.js portfolio template highlighted as a key focus', 'Encouragement to actively engage in partner projects and customize the provided portfolio template']}], 'highlights': ['The challenge spans five exciting days with a roadmap to becoming a React developer and building a fully functional Amazon clone with eCommerce functionality.', 'Sumit landed a six-figure job at Mathworks after building the Netflix and Spotify clone.', 'Rafi Qazi became a millionaire at 25 and taught over hundreds of thousands of students to code.', 'JavaScript and React developers can earn up to 120,000 a year', 'Remote work offers increased job opportunities globally, as individuals can access markets such as the US, UK, and Canada from any location.', 'The upcoming live session will cover building an Amazon clone using React, with features like payment processing, sign-in functionality, and user authentication, aiming to provide a valuable addition to portfolios.', 'The upcoming session will delve into hooks in a deeper and more technical way, emphasizing the importance of learning and utilizing hooks, as well as covering fundamentals like state and props.', 'Redux simplifies data access in React components by providing a global store.', 'Firebase and Cloud Firestore highlighted for real-time database and user authentication', 'Opportunity to win $6,000 coding boot camp and attract potential employers highlighted', 'Program price set to increase, claimed to exceed value of $10,000 or $15,000 coding bootcamps', "Specific date for program's launch announced as September 13th around 11 a.m. Pacific time", 'Emphasis on joining Facebook and Slack groups for full visibility and collaboration']}