Note:
<ul>
	<li>You will build a JIRA Board Clone.</li>
	<li>Contains FREE eBook: The Complete JavaScript Handbook</li>
	<li>1499/- is the lowest the course will ever go. As we progress and add more content, the price will increase.</li>
</ul>
In this comprehensive course, you&#39;ll:
<ul>
	<li>
	Build a JIRA Clone: Get hands-on experience by developing a JIRA clone, honing your project management skills along the way.
	</li>
	<li>
	Embrace Industry Standards: Embrace SOPs encompassing Low-Level Design, API Contract Creation, Coverage Driven Development, Meaningful Unit Testing, Component Library Creation, Config Driven UI, and the mobile-first approach.
	</li>
	<li>
	Beginner-Friendly Approach: No prior knowledge of NextJS is required! This course caters to beginners and seasoned developers alike.
	</li>
	<li>
	Explore Cutting-Edge Technologies: Dive deep into NextJs 14, Postgres, Prisma, and Tailwind CSS.
	</li>
	<li>
	Master Efficient Data Handling: Harness the power of Postgres and Prisma for seamless data management.
	</li>
	<li>
	Elevate Your UI: Craft sleek and modern UIs with Tailwind CSS, Radix UI, and shadcn components.
	</li>
	<li>
	Continuous Learning: Benefit from ongoing content updates beyond the initial project completion.
	</li>
</ul>
Syllabus
<ul>
	<li>JIRA Board
	<ul>
		<li>Module 1 (Introduction, LLD, Project Setup, CDD Pipeline &amp; Deployment)
		<ul>
			<li>Introduction</li>
			<li>Why learn NextJS? How web worked before NextJS?</li>
			<li>LLD</li>
			<li>Project Setup</li>
			<li>Setup Test Env and CDD pipelines</li>
			<li>Deployment</li>
		</ul>
		</li>
		<li>Module 2 (Diving Into Backend)
		<ul>
			<li>Setup Backend</li>
			<li>Seeding DB</li>
			<li>Fetch Board API</li>
			<li>Move Ticket API</li>
		</ul>
		</li>
		<li>Module 3 (Diving Into Frontend)
		<ul>
			<li>Setup Authentication</li>
			<li>Server &amp; Client Components</li>
			<li>Routing Patterns</li>
			<li>Layouts</li>
			<li>Setup Theme &amp; Tailwind</li>
			<li>Setup Storybook</li>
			<li>Navbar Using Composition</li>
			<li>Avatar</li>
			<li>Logout Feature</li>
			<li>Theme Toggle</li>
			<li>Push Changes To GitHub</li>
			<li>Config Driven UI</li>
			<li>Fix Navbar Lint Issues And Merge PR</li>
			<li>StoryBook for Navbar</li>
			<li>Testing Navbar</li>
			<li>Side Nav &amp; Server Actions</li>
			<li>Side Nav Continued</li>
			<li>Side Nav Drawer</li>
			<li>Board Page Server Actions</li>
			<li>Board Page UI</li>
			<li>Drag &amp; Drop React Beautiful DND</li>
			<li>Save Ticket Position On Backend</li>
			<li>Create Ticket UI</li>
			<li>Form Validations - Create Ticket</li>
			<li>Fetch users + Fix tests</li>
			<li>Saving Ticket Data on Backend</li>
			<li>View Ticket Feature</li>
		</ul>
		</li>
	</ul>
	</li>
	<li>Bonus / Extras</li>
</ul>

Includes eBook:&nbsp;The Complete JavaScript Handbook 
 
Book Content:
<ul>
	<li>Chapter 1: Javascript Foundations
	<ul>
		<li>
		Introduction to JavaScript and V8 engine.
		</li>
		<li>
		Call Stack and Memory Heap
		</li>
		<li>
		Stack Overflow
		</li>
		<li>
		Garbage Collection
		</li>
		<li>
		Memory Leaks
		</li>
		<li>
		Single Thread
		</li>
		<li>
		Runtime Environment
		</li>
		<li>
		NodeJs
		</li>
	</ul>
	</li>
	<li>
	Chapter 2: Javascript Foundations
	<ul>
		<li>
		Execution Context
		</li>
		<li>
		Hoisting
		</li>
		<li>
		Functions
		</li>
		<li>
		Arguments
		</li>
		<li>
		Variable Environment
		</li>
		<li>
		Scope Chain
		</li>
		<li>
		Function Scope and Block Scope
		</li>
		<li>
		this keyword ○ call, apply and bind
		</li>
	</ul>
	</li>
	<li>
	Chapter 3: JavaScript Types
	<ul>
		<li>
		Types
		</li>
		<li>
		Pass By Reference And Pass By Value
		</li>
		<li>
		Type Coercion
		</li>
	</ul>
	</li>
	<li>
	Chapter 4: Closures and Prototypes
	<ul>
		<li>
		Closures
		</li>
		<li>
		Prototypes
		</li>
	</ul>
	</li>
</ul>
Course Syllabus
<ul>
	<li>System Design
	<ul>
		<li>[Easy] Poll Widget : Create a poll widget that is embeddable on websites.</li>
		<li>[Medium] Image Carousel : Create a horizontally-scrolling image carousel component with responsive design navigation controls and auto-scrolling option</li>
		<li>[Medium] E-commerce: Design a e-commerce platform</li>
		<li>[Hard] Chat App : Develop a chat application with features and functionality similar to popular messaging platforms like Skype and Slack.</li>
	</ul>
	</li>
	<li>Machine Coding
	<ul>
		<li>[Medium] Star Rating: Construct a star rating component that displays a row of star icons allowing users to choose the desired rating by selecting the number of filled stars.</li>
		<li>[Medium] Image Carousel</li>
		<li>[Hard] Progress Bars : Develop a list of progress bars that gradually fill up concurrently with a maximum limit of 3 bars and include the functionality to pause and resume the progress.</li>
		<li>[Hard] Tic-tac-toe : Create a tic-tac-toe game with a grid size of N x N where the goal is to achieve M consecutive marks in order to win.</li>
	</ul>
	</li>
	<li>JavaScript Coding
	<ul>
		<li>[Easy]: Implement findIndex</li>
		<li>[Medium]: Implement intersectionWith</li>
		<li>[Medium]: Implement classNames</li>
		<li>[Medium] Event Emitter : Create a class that supports event subscription emission and callback triggering. Subscription objects are returned and can self-unsubscribe.</li>
		<li>[Medium] Flatten : Create a function that recursively reduces the nesting of an array to a single level effectively flattening it.</li>
		<li>[Medium] Promise.all : Create an implementation of the Promise.all() function that resolves to an array of results if all the input elements are resolved and rejects otherwise.</li>
		<li>[Medium]: Implement promiseAllSettled</li>
		<li>[Medium]: Implement promiseAny</li>
		<li>[Hard] Deep Clone : Develop a function that performs a deep copy of a value while handling circular references</li>
		<li>[Hard]: Implement HTML Serializer</li>
	</ul>
	</li>
	<li>DSA In JS
	<ul>
		<li>[Easy] Stack : Create a stack data structure that includes the standard stack methods.</li>
		<li>[Medium] Binary Search : Create a function that performs binary search on a sorted array of numbers.</li>
		<li>[Medium] Breadth first search : Develop a breadth-first search algorithm that explores a directed graph in a breadth-first manner.</li>
		<li>[Medium] Depth first search : Create a depth-first search algorithm that explores a directed graph in a depth-first manner.</li>
		<li>[Medium] Queue : Create a queue data structure that includes the standard queue methods</li>
	</ul>
	</li>
</ul>

Book Content:
<ul>
	<li>Chapter 1: Javascript Foundations
	<ul>
		<li>
		Introduction to JavaScript and V8 engine.
		</li>
		<li>
		Call Stack and Memory Heap
		</li>
		<li>
		Stack Overflow
		</li>
		<li>
		Garbage Collection
		</li>
		<li>
		Memory Leaks
		</li>
		<li>
		Single Thread
		</li>
		<li>
		Runtime Environment
		</li>
		<li>
		NodeJs
		</li>
	</ul>
	</li>
	<li>
	Chapter 2: Javascript Foundations
	<ul>
		<li>
		Execution Context
		</li>
		<li>
		Hoisting
		</li>
		<li>
		Functions
		</li>
		<li>
		Arguments
		</li>
		<li>
		Variable Environment
		</li>
		<li>
		Scope Chain
		</li>
		<li>
		Function Scope and Block Scope
		</li>
		<li>
		this keyword ○ call, apply and bind
		</li>
	</ul>
	</li>
	<li>
	Chapter 3: JavaScript Types
	<ul>
		<li>
		Types
		</li>
		<li>
		Pass By Reference And Pass By Value
		</li>
		<li>
		Type Coercion
		</li>
	</ul>
	</li>
	<li>
	Chapter 4: Closures and Prototypes
	<ul>
		<li>
		Closures
		</li>
		<li>
		Prototypes
		</li>
	</ul>
	</li>
</ul>
This book is volume 1 of the series &quot;The Complete JavaScript Handbook&quot;. We will deep dive into the concepts of JavaScript. This series aims to cover every aspect related to JavaScript. Whether you are a newbie or a working professional, this book is for everyone. It is okay if you do not have any prior experience in JavaScript. This book covers a variety of topics, ranging from beginner-level topics such as JavaScript types to very advanced topics like Closures and Prototypes. This book is beginner-friendly and aims to provide you deep understanding of the complex concepts of JavaScript. The rollout of Volume 2 will heavily depend upon the success of Volume 1. Spread out the word in public and shower love upon me!

🌟 UNLEASH YOUR POTENTIAL - JOIN NOW AND TRANSFORM YOUR CAREER! 🚀
BATCH INFORMATION
✅&nbsp;LECTURE MODE - RECORDED + LIVE 
✅&nbsp;RECORDING POST SESSION - AVAILABLE FOR LIFETIME 
✅&nbsp;ROLLING OUT THE LECTURES EVERY FRIDAY, BEGINNING JUNE 23RD 
✅&nbsp;EARLY BIRD DISCOUNT: 40% OFF ON THE COURSE FOR THE FIRST 100 LEARNERS
WHY OUR COURSE IS A GAME-CHANGER?
✳️&nbsp;Master System Design: Gain an unrivaled advantage in frontend interviews with our comprehensive module on system design. Unlock the secrets to tackling any interview scenario by completing the curriculum and conquering the provided questions.
✳️&nbsp;Unlock Unparalleled Performance: Ignite your coding skills to reach unparalleled levels of excellence. With &quot;JsYatra,&quot; you&#39;ll immerse yourself in industry-leading practices and cutting-edge optimization techniques. Witness your code soar to new heights of quality and efficiency.
✳️&nbsp;Mastery in Machine Coding: Elevate your skills to the next level with our insider techniques and hands-on learning. Arm yourself with the same strategies used by industry leaders, and watch your confidence skyrocket as you breeze through machine coding rounds.
✳️&nbsp;Tackle Challenges with Ease: Prepare yourself for any level of difficulty by tackling our meticulously curated collection of easy, medium, and hard questions. Strengthen your problem-solving abilities and emerge as a standout candidate in every frontend interview.
✳️&nbsp;Flexible Learning, Unmatched Convenience: Your success is our priority, and that&#39;s why we offer flexible learning options tailored to your lifestyle. Seamlessly access our online lectures and downloadable resources, empowering you to study at your own pace, whenever and wherever you desire.
⭐️&nbsp;Seize this once-in-a-lifetime opportunity! Enroll now and embark on a transformative journey toward unmatched career success! ⭐️ 
 
Syllabus
<ul>
	<li>System Design
	<ul>
		<li>[Easy] Poll Widget : Create a poll widget that is embeddable on websites.</li>
		<li>[Medium] Image Carousel : Create a horizontally-scrolling image carousel component with responsive design navigation controls and auto-scrolling option</li>
		<li>[Medium] E-commerce: Design a e-commerce platform</li>
		<li>[Hard] Chat App : Develop a chat application with features and functionality similar to popular messaging platforms like Skype and Slack.</li>
	</ul>
	</li>
	<li>Machine Coding
	<ul>
		<li>[Medium] Star Rating: Construct a star rating component that displays a row of star icons allowing users to choose the desired rating by selecting the number of filled stars.</li>
		<li>[Medium] Image Carousel</li>
		<li>[Hard] Progress Bars : Develop a list of progress bars that gradually fill up concurrently with a maximum limit of 3 bars and include the functionality to pause and resume the progress.</li>
		<li>[Hard] Tic-tac-toe : Create a tic-tac-toe game with a grid size of N x N where the goal is to achieve M consecutive marks in order to win.</li>
	</ul>
	</li>
	<li>JavaScript Coding
	<ul>
		<li>[Easy]: Implement findIndex</li>
		<li>[Medium]: Implement intersectionWith</li>
		<li>[Medium]: Implement classNames</li>
		<li>[Medium] Event Emitter : Create a class that supports event subscription emission and callback triggering. Subscription objects are returned and can self-unsubscribe.</li>
		<li>[Medium] Flatten : Create a function that recursively reduces the nesting of an array to a single level effectively flattening it.</li>
		<li>[Medium] Promise.all : Create an implementation of the Promise.all() function that resolves to an array of results if all the input elements are resolved and rejects otherwise.</li>
		<li>[Medium]: Implement promiseAllSettled</li>
		<li>[Medium]: Implement promiseAny</li>
		<li>[Hard] Deep Clone : Develop a function that performs a deep copy of a value while handling circular references</li>
		<li>[Hard]: Implement HTML Serializer</li>
	</ul>
	</li>
	<li>DSA In JS
	<ul>
		<li>[Easy] Stack : Create a stack data structure that includes the standard stack methods.</li>
		<li>[Medium] Binary Search : Create a function that performs binary search on a sorted array of numbers.</li>
		<li>[Medium] Breadth first search : Develop a breadth-first search algorithm that explores a directed graph in a breadth-first manner.</li>
		<li>[Medium] Depth first search : Create a depth-first search algorithm that explores a directed graph in a depth-first manner.</li>
		<li>[Medium] Queue : Create a queue data structure that includes the standard queue methods</li>
	</ul>
	</li>
</ul>

Featured

₹1299
1999
35.02% off

₹499
599
16.69% off

₹999
1499
33.36% off

₹1699
1999
15.01% off

₹1299
1999
35.02% off

₹499
599
16.69% off

₹999
1499
33.36% off

₹1699
1999
15.01% off

₹1299
1999
35.02% off

₹499
599
16.69% off

₹999
1499
33.36% off

About JS Cafe

Get In Touch

Quick Links

Download App

Featured

₹1699 199915.01% off

₹1299 199935.02% off

₹499 59916.69% off

About JS Cafe

Get In Touch

Quick Links

Download App

₹1699
1999
15.01% off

₹1299
1999
35.02% off

₹499
599
16.69% off