Code Step By Step

About the teacher: Code Step By StepTeacher के बारे में: Code Step By Step

Code Step By Step: PHP, React and web programming concepts.

Hindi numbered tutorials explaining how programming technologies work. Suits: Beginner web developers and students learning PHP or React.

Code Step By Step के videos YUNOVA पर Agile and Scrum, Angular, Business Analysis आदि सीखने में शामिल हैं।

Channel on YouTubeYouTube पर channel

YUNOVA topics taught with this channel's videosइस channel के videos से पढ़ाए जाने वाले YUNOVA topics

Definition of done · Agile and Scrum
Burndown and burnup charts · Agile and Scrum
Running a sprint in Jira · Agile and Scrum
What Angular is · Angular
Installing Angular CLI · Angular
ng new and project structure · Angular
TypeScript you need for Angular · Angular
Standalone components · Angular
Creating a component · Angular
Interpolation and property binding · Angular
Event binding · Angular
Two-way binding with ngModel · Angular
Control flow: @if and @for · Angular
Pipes · Angular
@Input · Angular
@Output and EventEmitter · Angular
Lifecycle hooks · Angular
Signals · Angular
Services and dependency injection · Angular
HttpClient GET and POST · Angular
Router setup · Angular
Route parameters · Angular
Lazy loading · Angular
Route guards · Angular
Template-driven forms · Angular
Reactive forms · Angular
Validators · Angular
Custom validators · Angular
CRUD app with a REST API · Angular
Login with JWT · Angular
Angular Material · Angular
Building and deploying · Angular
Dependency injection questions · Angular
Unit testing with Jasmine and Karma · Angular
Jira for requirements · Business Analysis
on: push, pull_request and schedule · CI/CD & GitHub Actions
Jobs, steps and runs-on · CI/CD & GitHub Actions
Expressions and if conditions · CI/CD & GitHub Actions
if, else and switch · C#
What a CSS framework does for you · Bootstrap & Tailwind
Adding a framework with a CDN or npm · Bootstrap & Tailwind
Reading the documentation · Bootstrap & Tailwind
Mobile-first and breakpoints · Bootstrap & Tailwind
Containers and spacing scales · Bootstrap & Tailwind
Hiding and showing by screen size · Bootstrap & Tailwind
Navbars · Bootstrap & Tailwind
Buttons and forms · Bootstrap & Tailwind
Cards · Bootstrap & Tailwind
Theme colours · Bootstrap & Tailwind
Dark mode · Bootstrap & Tailwind
Custom fonts · Bootstrap & Tailwind
Keeping the CSS small · Bootstrap & Tailwind
Installing Tailwind and the config file · Bootstrap & Tailwind
Utility classes: spacing, colours and text · Bootstrap & Tailwind
Flex and grid in Tailwind · Bootstrap & Tailwind
Responsive prefixes · Bootstrap & Tailwind
Features and pricing sections · Bootstrap & Tailwind
Making it responsive end to end · Bootstrap & Tailwind
Reusing styles with @apply and components · Bootstrap & Tailwind
Dark mode in Tailwind · Bootstrap & Tailwind
Animations and transitions in Tailwind · Bootstrap & Tailwind
Docker images and containers · DevOps
Writing a Dockerfile · DevOps
Docker volumes and networks · DevOps
Docker Compose · DevOps
The problem containers solve · Docker & Kubernetes
Containers and virtual machines · Docker & Kubernetes
Your first container: hello-world and nginx · Docker & Kubernetes
Images and containers: the difference · Docker & Kubernetes
Listing, stopping and removing containers · Docker & Kubernetes
The Dockerfile · Docker & Kubernetes
FROM, COPY, RUN and CMD · Docker & Kubernetes
Tagging and pushing to Docker Hub · Docker & Kubernetes
.dockerignore · Docker & Kubernetes
Image size and base images: alpine and slim · Docker & Kubernetes
A database container with a volume · Docker & Kubernetes
Container networks · Docker & Kubernetes
What Compose is · Docker & Kubernetes
The compose file · Docker & Kubernetes
An app and a database together · Docker & Kubernetes
Environment files · Docker & Kubernetes
Compose for development · Docker & Kubernetes
Queue, circular queue and deque · Data Structures & Algorithms
Receiving push notifications in the browser · Firebase
Structs, classes and enums · iOS Development
Primitive types · Java
Operators · Java
Two-dimensional arrays · Java
Strings and common string methods · Java
Constructors · Java
Abstract classes and interfaces · Java
Connecting to MySQL with JDBC · Java
Running queries from Java · Java
What Jira is for · Jira
Jira products and plans · Jira
Creating a site · Jira
Team-managed and company-managed projects · Jira
The interface · Jira
Issue, work item, board: the words · Jira
Creating an issue · Jira
Issue types · Jira
Assignee and reporter · Jira
Priority · Jira
Watching an issue · Jira
Basic search · Jira
Filters · Jira
JQL fundamentals · Jira
Sharing a filter · Jira
Swimlanes · Jira
Picking up work · Jira
Updating status · Jira
Logging time · Jira
Notifications · Jira
Jira on the phone · Jira
The backlog · Jira
Epics · Jira
Stories and tasks · Jira
Story points and estimation · Jira
Sprint planning · Jira
Starting and completing a sprint · Jira
The retrospective in Jira · Jira
The control chart · Jira
Workflows · Jira
Statuses and transitions · Jira
Issue types and schemes · Jira
Notification schemes · Jira
Versions and releases · Jira
Jira for business teams · Jira
Business project templates · Jira
Forms · Jira
Burndown · Jira
Velocity · Jira
The sprint report · Jira
Cumulative flow · Jira
Sharing a dashboard · Jira
Similarity between embeddings · LLM Fundamentals
Server requirements: PHP, MySQL, Elasticsearch or OpenSearch · Magento
Connecting Node to MongoDB · MongoDB
populate · MongoDB
A REST API with Express and MongoDB · MongoDB
The project structure · Next.js
Running and building · Next.js
Navigation with Link and useRouter · Next.js
What a server component is · Next.js
When to use 'use client' · Next.js
Passing data between server and client · Next.js
Streaming and Suspense · Next.js
Route handlers · Next.js
Reading request data · Next.js
Environment variables · Next.js
Middleware · Next.js
CSS Modules and Tailwind in Next.js · Next.js
The Image component · Next.js
Fonts · Next.js
Metadata and SEO · Next.js
Environment variables in production · Next.js
File uploads · Next.js
Cart state · Next.js
Testing a configuration with nginx -t · Nginx
Error pages · Nginx
Redirects and rewrites · Nginx
What a reverse proxy is · Nginx
proxy_pass · Nginx
Timeouts and buffering · Nginx
Auto-renewal · Nginx
Health checks · Nginx
Caching with proxy_cache · Nginx
A VPS and SSH · Nginx
proxy_pass to the app · Nginx
Environment and ports · Nginx
Configuration as code · Nginx
Nginx Plus and OpenResty: what they add · Nginx
What Node.js is, and what it is not · Node.js
Running a file with node · Node.js
ES modules in Node · Node.js
Built-in modules · Node.js
npm, and what package.json holds · Node.js
Why Node is asynchronous · Node.js
Promises · Node.js
async and await · Node.js
Error handling in async code · Node.js
Promise.all and running in parallel · Node.js
Error-handling middleware · Node.js
MongoDB and Mongoose · Node.js
CRUD against the database · Node.js
Input sanitisation · Node.js
CORS · Node.js
A single error shape for the whole API · Node.js
File uploads · Node.js
Docker for a Node app · Node.js
Constructors · Object-Oriented Programming
Getters and setters · Object-Oriented Programming
Abstract classes · Object-Oriented Programming
Abstract class versus interface · Object-Oriented Programming
Programming to an interface · Object-Oriented Programming
Has-a and is-a · Object-Oriented Programming
Aggregation and association · Object-Oriented Programming
Abstract class versus interface, asked · Object-Oriented Programming
What PHP is and how a page is served · PHP & Laravel
Installing XAMPP · PHP & Laravel
Variables and data types · PHP & Laravel
Strings and string functions · PHP & Laravel
Operators · PHP & Laravel
Type juggling and strict comparison · PHP & Laravel
Built-in functions you will use daily · PHP & Laravel
Indexed and associative arrays · PHP & Laravel
Array functions · PHP & Laravel
Validating form input · PHP & Laravel
File uploads · PHP & Laravel
Connecting with PDO · PHP & Laravel
Inserting and reading rows · PHP & Laravel
Update and delete · PHP & Laravel
Classes and objects · PHP & Laravel
Constructors and properties · PHP & Laravel
Namespaces and autoloading · PHP & Laravel
What Laravel is and installing it · PHP & Laravel
Routes and controllers · PHP & Laravel
Blade templates · PHP & Laravel
Migrations and Eloquent · PHP & Laravel
Forms, validation and requests · PHP & Laravel
Relationships in Eloquent · PHP & Laravel
Middleware · PHP & Laravel
File storage · PHP & Laravel
Deploying a Laravel app · PHP & Laravel
Reading the response · Postman
Query parameters · Postman
Type casting · PowerShell
Error handling with try-catch · PowerShell
Sprints and ceremonies · Project Management
Jira for scrum · Project Management
What React is and the problem it solves · React
Setting up with Vite · React
The project structure · React
JSX, and why it is not HTML · React
Your first component · React
Composing components · React
Fragments · React
Importing and exporting components · React
Styling: CSS files, modules and inline · React
Passing props · React
Props are read-only · React
useState · React
State updates are asynchronous · React
Updating objects and arrays in state · React
Lifting state up · React
Handling events · React
Rendering lists with map · React
Keys, and why the index is usually wrong · React
Controlled inputs · React
Forms and submitting · React
useEffect · React
The dependency array · React
Fetching data in an effect · React
Loading and error states · React
Common useEffect mistakes · React
useRef · React
useContext · React
useReducer · React
useMemo · React
Writing a custom hook · React
The rules of hooks · React
React Router · React
Routes and links · React
Dynamic route parameters · React
Nested routes · React
Programmatic navigation · React
Protected routes · React
fetch and async in React · React
React Query basics · React
Caching and refetching · React
Optimistic updates · React
Component composition · React
Compound components · React
Render props and children as a function · React
A component API that reads well · React
Memoising expensive work · React
Code splitting and lazy · React
Suspense · React
Virtualising long lists · React
Protected areas · React
Form state patterns · React
Field errors and messages · React
File upload · React
Slices, actions and reducers · React
React Testing Library · React
Testing a component's behaviour, not its internals · React
Mocking API calls · React
Testing hooks · React
What is worth testing · React
Environment variables · React
Error boundaries · React
Planning the screens · React
Folder structure that survives growth · React
Shared layout and navigation · React
Wiring the data layer · React
View, Text and Image · React Native
ScrollView and FlatList · React Native
TextInput and Button · React Native
Pressable and touch handling · React Native
Stack navigation · React Native
Tabs and drawers · React Native
Passing params between screens · React Native
Hooks in React Native · React Native
Context and Zustand · React Native
Fetching from an API · React Native
AsyncStorage · React Native
Forms and validation · React Native
Planning the screens · React Native
Lists, details and search · React Native
FlatList performance · React Native
Kanban · Software Engineering
Google Drive, GitHub and Jira in Slack · Slack & Microsoft Teams
What TypeScript adds to JavaScript · TypeScript
Installing and the tsc compiler · TypeScript
Your first .ts file · TypeScript
tsconfig.json · TypeScript
Running TypeScript with ts-node and in the editor · TypeScript
number, string and boolean · TypeScript
Arrays and tuples · TypeScript
any, unknown and never · TypeScript
Type inference · TypeScript
Union and literal types · TypeScript
Type aliases · TypeScript
Typing a function · TypeScript
Object types and interfaces · TypeScript
Optional and readonly properties · TypeScript
Type assertions · TypeScript
Enums · TypeScript
Classes in TypeScript · TypeScript
Access modifiers · TypeScript
Implementing an interface · TypeScript
Generics: the basics · TypeScript
Generic constraints · TypeScript
Intersection types · TypeScript
Type narrowing and guards · TypeScript
Discriminated unions · TypeScript
keyof and typeof · TypeScript
Mapped and conditional types · TypeScript
Utility types: Partial, Pick, Omit, Record · TypeScript
import and export · TypeScript
Declaration files and @types · TypeScript
Compiling for the browser and for Node · TypeScript
ESLint and Prettier with TypeScript · TypeScript
Strict mode · TypeScript
Setting up React with TypeScript · TypeScript
Typing hooks: useState, useRef, useReducer · TypeScript
Typing context · TypeScript
Generic components · TypeScript
Typing API data · TypeScript
Typing requests and responses · TypeScript
Migrating file by file · TypeScript
Fixing the any's · TypeScript
Turning strict on · TypeScript
TypeScript infer keyword · TypeScript
Recursive types TypeScript · TypeScript
Configuration files · Vibe Coding with AI
What components are · Vibe Coding with AI
Reusability · Vibe Coding with AI
Props · Vibe Coding with AI
State · Vibe Coding with AI
Why one giant file is a problem · Vibe Coding with AI
Refactoring what the AI produced · Vibe Coding with AI
Naming things · Vibe Coding with AI
Why a secret key never goes in frontend code · Vibe Coding with AI
CRUD · Vibe Coding with AI
JavaScript you must know · Vibe Coding with AI
TypeScript introduction · Vibe Coding with AI
What Vue is · Vue.js
Project structure · Vue.js
Single-file components · Vue.js
Interpolation and v-bind · Vue.js
Class and style binding · Vue.js
Props · Vue.js
Slots · Vue.js
Lifecycle hooks · Vue.js
Dynamic routes · Vue.js
Login flow with a backend API · Vue.js
Form validation · Vue.js
File-based routing · Vue.js
Component communication questions · Vue.js
Teleport and modals in Vue · Vue.js
Render functions and JSX in Vue · Vue.js
Large-scale Vue app architecture · Vue.js
Vue performance optimisation · Vue.js
Internationalisation with vue-i18n · Vue.js
Deploying a Vue app with Docker and CI · Vue.js
JavaScript mein function kaise banayein · Web Development Basics
JavaScript arrays and objects · Web Development Basics
Local storage JavaScript · Web Development Basics
Header, nav, main, section, article, aside and footer · Website Development
What JavaScript does · Website Development
Conditions · Website Development
Loops · Website Development
Functions and scope · Website Development
Arrays · Website Development
Objects · Website Development
Template literals · Website Development
The DOM and selecting elements · Website Development
Changing content, classes and styles · Website Development
Events and event listeners · Website Development
Form validation in JavaScript · Website Development
Local storage · Website Development
Modules, import and export · Website Development
Errors and try/catch · Website Development
Promises · Website Development
Fetch and calling APIs · Website Development
Components and JSX · Website Development
Props · Website Development
State · Website Development
Events · Website Development
useEffect · Website Development
Pages and routes · Website Development
Route parameters · Website Development
Navigation · Website Development
Node.js · Website Development
Routes and the request cycle · Website Development
CRUD · Website Development
CRUD queries · Website Development
Product listing pages · Website Development
Fetching data in React · Website Development
Forms against an API · Website Development
Authentication concepts · Website Development
Reusable components · Website Development
State management concepts · Website Development