The best solution is to accept Bitcoin or crypto currency 😅😂

great, thanks

Brother how to contact you

00:00 Learn front-end development from scratch with HTML, CSS, JavaScript, React, Tailwind, React Query, and GitHub. 07:54 Write your first HTML document and set up a development server in VS Code 22:52 Understanding HTML Tags and Attributes 30:18 Introduction to block and inline tags 45:33 Embed videos in HTML using the video tag 52:50 Learn to create tables and forms in HTML 1:08:03 Proper HTML document structure is important. 1:15:27 Create a small tribute page to Gary Vaynerchuk 1:30:50 Learn about CSS tag based selectors 1:38:07 CSS properties and classes 1:53:16 Learn about switching between block and inline elements and using flexbox for layouts in CSS 2:00:46 Flexbox allows stacking elements in a row or column. 2:16:20 Learn how to build layouts with flexbox 2:23:45 Creating a basic HTML structure with a navigation bar, a logo, and a footer. 2:37:41 Position absolute and fixed allow elements to be positioned outside of the regular HTML coordinate system. 2:45:07 Learn how to use CSS position sticky to create fixed elements that scroll with your scrollbar 2:59:51 JavaScript variables and data types 3:07:28 Understanding Data Types in JavaScript 3:22:23 Console.log is a function used to output values to the console. 3:30:16 Console log helps in debugging and introspection 3:45:52 Using if-else blocks to implement logical conditions in JavaScript. 3:53:41 Understanding logical and and logical or operators in JavaScript 4:09:13 For loops can be used to control the number of iterations in a program 4:17:06 Introduction to break, return, and continue in a loop inside of function 4:32:14 Objects are passed by reference, while primitives are copied by value. 4:40:39 Understand JavaScript Scopes and Variable Shadowing 4:56:17 Learn how to use query selectors and event listeners in JavaScript 5:04:19 Learn how to create and append elements in JavaScript 5:21:01 Manipulating CSS with JavaScript 5:29:19 ES6 introduces arrow functions and declarative array methods 5:45:39 What are template literals and promises in Javascript? 5:54:32 Learn how to set up your development environment for React.js 6:09:32 React is a UI library that handles trees and knows how to differentiate them 6:17:25 Learn about React createRoot and Components 6:33:22 Short circuiting behavior in JavaScript allows for conditional rendering. 6:41:17 Introducing the concept of state in React 6:56:57 Use functional updation to update state variables when the new value depends on the older value. 7:05:17 Create a random code generator with React and understand the use of useEffect Hook 7:20:32 Real-time updating of to-do list with functional updation methodology 7:28:21 Create a to-do app with delete functionality using React 7:43:50 Introduction to the browser router and exact route match 7:51:27 Learn how to capture dynamic paths in React Router 8:07:22 Tailwind's just-in-time compiler allows for faster loading of CSS bundles. 8:14:44 Tailwind uses rem instead of pixels for more customizable and responsive design 8:30:31 Learn how to use Flexbox and Grid with Tailwind CSS 8:38:36 Learn how to use scroll snapping with Tailwind CSS 8:54:01 Learn how to use Tailwind CSS with React 9:02:05 Set up Tailwind CSS in a React-based playground 9:17:52 React Query is a hook that accepts a string key and a function that returns a promise. 9:25:24 React Query allows for easy caching and fetching of data with minimal code. 9:40:13 Use the enabled property in the useQuery hook to conditionally render the hook 9:47:42 Create a blog using React Query and a placeholder API. 10:02:46 Accessing React Query cache and modifying it 10:10:57 Learn about cache time, query data selector, and set query data in React Query 10:25:43 Understand how stale time and cache time work together 10:32:45 Learn how to use mutations in React Query. 10:47:58 Learn how to use mutations and pass data in production level applications 06:00 Build a To-Do application with React and GraphQL 11:12:05 YAML is a condensed and human-readable data exchange format. 11:19:53 YAML syntax allows for cleaner and more concise representation of arrays and objects compared to JSON. 11:34:13 Github actions provide useful features like rerunning jobs, viewing workflow files, and creating status badges. 11:41:01 Setting up Node.js on Github runner and Building a Project 11:55:49 Fully functional deployment pipeline from Github Actions 12:03:43 Create a secure deployment pipeline with Github Actions and Versal CLI 12:18:57 This course is designed to introduce you to Linux CLI as a back-end developer. 12:26:23 Linux distributions share the same kernel but may have different packages and package managers. 12:41:35 cd command allows navigation through absolute and relative paths 12:48:32 Introduction to Linux command basics 00:12 Learn how to use rm, cp, mv and which commands in Linux 05:41 Using 'which' command to find the path of a binary 02:31 Learned about nano shortcuts and introduction to bash scripting 13:29:32 Learn basics of bash scripting 13:43:38 Learn how to use status codes in Bash scripts. 13:51:17 Learned about if-else statements and for loops in bash scripting 14:06:17 Package managers in Linux make it easy to install, manage, and remove external software 14:13:19 Learn how to use the top and kill commands 14:26:50 Node.js is a popular choice for backend development 14:34:09 Use module.exports for exporting properties in CommonJS modules. 14:48:59 Learn about ES6 module system, import and export syntax 14:56:22 Learn how to export and import in JavaScript 15:10:48 Learned how to create a simple HTTP server using Node.js 15:17:41 Create a small server in node.js 15:32:21 Learn how to serve static assets and accept form data in Express 15:40:05 Next.js is a wrapper around React framework that enables pre-rendering of React code on the server 15:53:49 Next.js has two important directories - 'public' for static assets and 'pages' for source code. 16:01:42 Introduction to pages and customizing the document.tsx file 10:42 Learn about style JSX in Next.js 16:24:58 Import global styles using a css import inside _app.tsx 16:40:14 Create a simple API with Next.js 16:48:19 Learn how to create pages and navigate between them using simple routing in Next.js 17:03:28 Implement JWT tokens for authentication in Next.js 17:12:43 Learn about nested and dynamic routing in Next.js 17:27:00 Learn how to use router and catch all routes in Next.js 17:34:16 Learn how to create dynamic routes and custom 404 pages using Next.js 17:49:17 Using getStaticPaths in Next.js 17:57:57 Understand the differences between getStaticProps and getServerSideProps 18:13:26 Introduction to environment variables and working with them in Next.js 18:21:38 Use getServerSideProps for server-side rendering and specify environment variables in production. 18:37:04 Use get server side props to generate sitemap.xml on Next.js websites 18:44:56 Get static props in Next.js is a powerful method for building pages on build time 19:01:18 The 'revalidate' parameter in Next.js allows for at most one page generation in the specified time period. 19:09:17 Learn about get static props and get static paths in Next.js. 19:25:23 Preview mode can be used for development-like behavior of getStaticProps on production. 19:33:30 Preview mode and dynamic imports in Next.js 19:49:18 Next.js image component optimizes and scales images for better performance 19:56:47 Learn about image tag behavior and attributes in Next.js 20:11:40 Redis is like a context API for React and a centralized global place for all state code. 20:18:24 Learn how to use the set and get commands in Redis 20:31:44 Redis automatically deletes expired keys 20:38:26 Learn how to integrate Node.js and Redis using Ioredis package 20:52:21 Get stats for GitHub repositories and measure response time 20:59:37 Cache API response to improve performance and maintain correct data 21:13:46 Create a middleware for rate limiting 21:21:05 Create a simple rate limiter with reduce 21:35:24 Introduction to lists in Redis 21:42:02 Learn about lists and sets in Redis

How can maintain the business logics and all sync with different servers. I have already used the redis pub/sub but i can't sync a local objects are sync.

Tried bun multiple times & wanted to like it but in the end I gave up & waisted my time.getting things to work is a pain. So many compatibility issues.

It is not free

When I write ./a.out, it says, that it is not recognized

WARDURLFUZZA Granted me final solution

Walker Dorothy Thomas Jose Allen Sarah

Allen David Johnson Nancy Garcia Robert

That when you they say you have the talent to make people understand.

Can you help me recover my google account

❤ thanks

I see you've used React to build this platform. Just curios have you used a framework like Next or Remix to build this?

Garcia James Anderson Thomas Gonzalez Patricia

Rodriguez Steven Taylor Daniel Martinez George

Jhootha kahi ka , itna jhooth bol ke kaha jaoge tumlog? Jab paise le rahe ho toh muh khol ke maango ki haan hum education de rahe hai toh paise lenge ... Yeh bheekhari ki tarah bheekh kyu maangte ho ?koi bhi matt lena farzi hai ek dum paise maang rahe yaha pe jhooth bol ke ki free hai 😠

Bro i want to talk personally with u

👏👏

I watched till the end.. BTW I love your videos. your explanations are awesome.

Hiii sir good morning Your tutorial is very superb really i got all things whatever u say amezing teaching I want certificate after completion of this cource please provide certificate n say cirtificate fees please sir Thank u so much sir for amezing tutorial

Allen Mary Gonzalez Dorothy Smith Kevin

You didn't explain what graphQL is.

I watched this video till the end.

(copy pasted comment just for my own convience) Html/CSS Part 1.1 Introduction 1:06 Part 1.2 How to use codedamn 2:37 Part 1.3 How to use vscode 4:49 Part 1.4 Hello world html 10:00 Part 1.5 comments Html 15:26 Part 1.6 html tags html 18:16 Part 1.7 Heading tags html 22:26 Part 1.8 Anchor Tags html 27:06 Part 1.9 block and inline tag html 30:59 Part 1.10 why html tags exist html 38:21 Part 1.11 img tags html 41:51 Part 1.12 video tag html 47:21 Part 1.13 tables html 53:06 Part 1.14 forms html 57:48 Part 1.15 valid html structure 1:07:49 Part 1.16 tribute page 1:13:05 Part 1.17 html basic done 1:20:38 Part 1.18 css introduction 1:22:56 Part 1.19 css hello world 1:25:42 Part 1.20 css tag based selector 1:30:47 Part 1.21 css debugging 1:33:57 Part 1.22 css properties 1:37:52 Part 1.23 css classes 1:41:58 Part 1.24 id in css 1:46:19 Part 1.25 block and inline css 1:49:46 Part 1.26 flexbox intro css 1:53:49 Part 1.27 flex-basis css 2:01:43 Part 1.28 flex shrink css 2:05:27 Part 1.29 flex-wrap 2:08:51 Part 1.30 center a div css 2:11:34 Part 1.31 common layouts with flexbox css 2:22:18 Part 1.32 css position absolute 2:36:20 Part 1.33 css position fixed 2:43:07 Part 1.34 css position sticky 2:45:32 Part 1.35 whats next 2:48:26 JS Part 2.1 course introduction 2:50:00 Part 2.2 setting up codedamn playground 2:51:22 Part 2.3 hello world JS 2:53:26 Part 2.4 variables in javascript 2:56:21 Part 2.5 data types JS 3:03:25 Part 2.6 typeof 3:13:30 Part 2.7 mathematical operators 3:16:51 Part 2.8 increment decrement 3:23:33 Part 2.9 console log 3:26:47 Part 2.10 functions 3:30:52 Part 2.11 function parameters 3:34:53 Part 2.12 return 3:39:13 Part 2.13 if-else 3:44:20 Part 2.14 logical operators 3:49:47 Part 2.15 common array operations 4:01:25 Part 2.16 Loops 4:08:21 Part 2.17 continue and break 4:13:56 Part 2.18 equality 4:23:24 Part 2.19 objects 4:26:36 Part 2.20 call by reference 4:31:52 Part 2.21 scope 4:36:46 Part 2.22 variable shadowing 4:41:58 Part 2.23 document object model 4:45:09 Part 2.24 querySelector 4:50:07 Part 2.25 querySelectorAll 4:53:18 Part 2.26 more on traversing 4:57:24 Part 2.27 event listeners 5:02:05 Part 2.28 createElement 5:06:52 Part 2.29 manipulating attributes 5:15:15 Part 2.30 css style manipulation 5:21:29 Part 2.31 es6 destructing 5:25:16 Part 2.32 es6 arrow functions 5:30:20 Part 2.33 array functions 5:35:11 Part 2.34 template literals 5:44:08 Part 2.35 promises and fetch 5:47:42 React part 3.1 course intro 5:55:38 Part 3.2 setup 5:57:09 Part 3.3 hello world 6:02:15 Part 3.4 hello world explained 6:08:32 Part 3.5 ReactDom.createRoot 6:15:33 Part 3.6 components 6:18:45 Part 3.7 jsx 6:22:52 Part 3.8 conditional rendering 6:30:53 Part 3.9 props 6:36:52 Part 3.10 event listener 6:42:18 Part 3.11 useState 6:45:41 Part 3.12.5 random quote generator 6:53:05 Par 3.12 usestate functional update 7:01:04 Part 3.13 useEffect 7:05:52 Part 3.14 todo part 1 7:11:45 Part 3.16 todo part 2 7:12:40 Part 3.17 running function on enter 7:22:22 Part 3.18 todo delete item 7:29:51 Part 3.19 routing introduction 7:36:50 Part 3.20 exact route match 7:45:59 Part 3.21 dynamic routes 7:49:10 Part 3.22 http requests in react 7:54:06 Tailwind CSS Part 4.1 Introduction to Tailwind 7:59:26 Part 4.2 Tailwind Hello World 8:03:58 Part 4.3 Why rems and not px? 8:11:15 Part 4.4 Responsive design classes 8:19:50 Part 4.5 Colors 8:23:33 Part 4.6 Hover classes 8:28:14 Part 4.7 Flexbox Layout 8:29:47 Part 4.8 Grid Layout 8:35:25 Part 4.9 Scroll snapping 8:39:14 Part 4.10 Typography 8:44:04 Part 4.11 Shadows 8:49:52 Part 4.12 Dyanmic properties and values 8:54:55 Part 4.13 Tailwind react setup 9:00:23 Part 4.14 Dark mode with Tailwind 9:06:19 React Query for network requests Part 5.1 course intro 9:09:21 Part 5.2 why react query 9:11:10 Part 5.3 installing react-query 9:14:45 Part 5.4 react-query hello world 9:17:13 Part 5.5 react-query states 9:25:05 Part 5.6 devtools explained 9:31:31 Part 5.7 query keys 9:35:22 Part 5.8 dependent queries 9:39:41 Part 5.9 small github app 9:44:40 Part 5.10 creating a mini blog 9:53:54 Part 5.11 getQueryClientData 10:05:21 Part 5.12 cacheTime 10:11:56 Part 5.13 transform query result 10:14:24 Part 5.14 setquerydata 10:17:02 Part 5.15 staleTime 10:23:49 Part 5.16 default query options 10:30:10 Part 5.17 mutations 10:33:00 Part 5.18 mutation side effects in hook 10:40:06 Part 5.19 mutation side effects in minute 10:44:13 Part 5.20 building todo app with mutations and queries 10:48:53 Part 5.21 todo app part 2 10:58:59 CI/CD and GitHub Actions Part 6.1 intro 11:02:23 Part 6.2 why is cicd required 11:03:21 Part 6.3 folder for github workflows 11:06:11 Part 6.4 yaml intro 11:12:38 Part 6.5 objects in yaml 11:15:01 Part 6.6 comments in yaml 11:17:59 Part 6.7 arrays in yaml 11:19:22 Part 6.8 yaml validator 11:23:58 Part 6.9 multiline strings 11:25:50 Part 6.10 github actions hello world 11:28:43 Part 6.11 exploring github actions result 11:34:36 Part 6.12 github action checkout repository 11:39:01 Part 6.13 github action build repo 11:43:00 Part 6.14 deployment with vercel part 1 11:47:42 Part 6.15 vercel deployment part 2 11:52:16 Part 6.16 secrets 12:01:24 Part 6.17 dependent jobs 12:08:48 Part 6.18 dependent jobs with data sharing 12:11:26

React with JSX looks far more alien to JS than Svelte

How did you swap top and bottom shell?

Nice tip

Great job

For any one from out of India, Razorpay is worse.

If anyone completed this course, please tell your feedback, does he covered all the topics And can i start study this in 2024?

No original complaint. As if react is pure JavaScript.

Jackson Patricia Miller Mary Taylor Jennifer

Bhai mujhe Software company job karna hai , which ONE is the best course and if you contact number please send me Bhaii

Robinson Cynthia Thomas Charles Thomas Deborah

Not free

God bless your heart. You're a blessing. There should be more of such people like you in the world.

Very helpful. Thank you.

sse consume less resource than websockets.

Martinez Scott Gonzalez Gary Jones Sandra

I want to learn nodejs, suggest me a good youtube channel !

Real life projects are different than these simple methods, just can take help of ai , but not completed depend on it

You definitely deserve a dislike on this video 😂😂

Brown Scott Perez Sarah Jones Christopher

Jones Joseph Martin Jeffrey Williams Daniel

Miller Brenda White Donald Johnson Dorothy

very informative, precise and clear. I will start watching your videos now for concept clarity. Thanks again for creating informative and meaningful content

The video is great and very easy to follow. However I am a bit confused. In this scenario would we port forward nginx proxy manager to allow request from the Internet. Sorry it this is a dumb question but I am try to understand and learn about these technologies more.

White Deborah White Donna Jackson Jessica