Thapa Technical
About the teacher: Thapa TechnicalTeacher के बारे में: Thapa Technical
Thapa Technical: Web development, JavaScript and Node.js programming.
Hindi structured coding tutorials introducing Node.js fundamentals. Suits: JavaScript beginners and aspiring backend developers.
Thapa Technical के videos YUNOVA पर CI/CD & GitHub Actions, Bootstrap & Tailwind, Docker & Kubernetes आदि सीखने में शामिल हैं।
YUNOVA topics taught with this channel's videosइस channel के videos से पढ़ाए जाने वाले YUNOVA topics
- The deploy step: what changes · CI/CD & GitHub Actions
- Deploying a static site to GitHub Pages · CI/CD & GitHub Actions
- Building and pushing a Docker image · CI/CD & GitHub Actions
- Deploying to a server over SSH · CI/CD & GitHub Actions
- Environments and approvals · CI/CD & GitHub Actions
- Rollbacks · CI/CD & GitHub Actions
- A Node.js or Python project: test, build, deploy · CI/CD & GitHub Actions
- A React or Next.js app to Vercel · CI/CD & GitHub Actions
- An Android app: building the APK in CI · CI/CD & GitHub Actions
- A Docker image to GHCR and a VPS · CI/CD & GitHub Actions
- Keeping a pipeline fast · CI/CD & GitHub Actions
- Navbars · Bootstrap & Tailwind
- Theme colours · Bootstrap & Tailwind
- Dark mode · Bootstrap & Tailwind
- Utility classes: spacing, colours and text · Bootstrap & Tailwind
- Hover, focus and state variants · Bootstrap & Tailwind
- Footer and navigation · Bootstrap & Tailwind
- Hosting the page free on Netlify or GitHub Pages · Bootstrap & Tailwind
- Reusing styles with @apply and components · Bootstrap & Tailwind
- Customising the theme · Bootstrap & Tailwind
- Tailwind with React and Next.js · Bootstrap & Tailwind
- Component libraries: daisyUI and shadcn/ui · Bootstrap & Tailwind
- A Node.js app in Docker · Docker & Kubernetes
- Text · Figma
- Fills, strokes and effects · Figma
- Images and image fills · Figma
- Alignment and distribution · Figma
- Linking frames · Figma
- Overlays and modals · Figma
- Keeping a prototype honest about what is real · Figma
- Comments and review · Figma
- Keeping a file that other people can open · Figma
- Firebase Hosting: deploying a site · Firebase
- Cloud Functions: what runs on the server · Firebase
- Firebase with React · Firebase
- Deploying the app to Firebase Hosting · Firebase
- Documents, collections and databases · MongoDB
- mongosh · MongoDB
- Query operators: $gt, $in, $and · MongoDB
- updateOne and update operators · MongoDB
- deleteOne and deleteMany · MongoDB
- Schema validation · MongoDB
- $project and $sort · MongoDB
- Schemas and models · MongoDB
- CRUD with Mongoose · MongoDB
- Transactions · MongoDB
- The project structure · Next.js
- Pages Router and App Router: which to learn · Next.js
- File-based routing · Next.js
- Layouts and templates · Next.js
- Dynamic routes · Next.js
- Navigation with Link and useRouter · Next.js
- Loading and error pages · Next.js
- Route groups and parallel routes · 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
- Server actions · Next.js
- Fetching in server components · Next.js
- Caching and revalidation · Next.js
- Static and dynamic rendering · Next.js
- Incremental static regeneration · Next.js
- Connecting a database with Prisma · Next.js
- Environment variables · Next.js
- CSS Modules and Tailwind in Next.js · Next.js
- The Image component · Next.js
- Fonts · Next.js
- Metadata and SEO · Next.js
- The Script component · Next.js
- CRUD with server actions · Next.js
- Forms and validation · Next.js
- File uploads · Next.js
- Role-based access · Next.js
- generateStaticParams for posts · Next.js
- Sitemap, RSS and Open Graph images · Next.js
- Search and tags · Next.js
- Admin pages · Next.js
- What Node.js is, and what it is not · Node.js
- Running a file with node · Node.js
- The REPL · Node.js
- Built-in modules · Node.js
- Installing, updating and removing packages · Node.js
- Semantic versioning · Node.js
- The file system module · Node.js
- Paths and the path module · Node.js
- Working with JSON · Node.js
- Environment variables and dotenv · Node.js
- Streams and buffers · Node.js
- The http module · Node.js
- Requests and responses · Node.js
- Status codes · Node.js
- Serving JSON · Node.js
- Why nobody writes a real server this way · Node.js
- Setting up Express · Node.js
- Routes and route parameters · Node.js
- Serving static files · Node.js
- Router files and project structure · Node.js
- Error-handling middleware · Node.js
- Status codes that tell the truth · Node.js
- Pagination, filtering and sorting · Node.js
- Schemas and models · Node.js
- PostgreSQL from Node · Node.js
- Prisma · Node.js
- Migrations · Node.js
- Hashing passwords with bcrypt · Node.js
- Refresh tokens · Node.js
- OAuth and social login · Node.js
- Zod or Joi · Node.js
- A single error shape for the whole API · Node.js
- Logging · Node.js
- Test database setup · Node.js
- Sending email · Node.js
- Docker for a Node app · Node.js
- Deploying to a VPS · Node.js
- What PHP is and how a page is served · PHP & Laravel
- Installing XAMPP · PHP & Laravel
- Default arguments and return types · PHP & Laravel
- Indexed and associative arrays · PHP & Laravel
- Hosting on cPanel and going live · PHP & Laravel
- Handing a site over to a client · PHP & Laravel
- What PostgreSQL is · PostgreSQL
- Installing PostgreSQL and pgAdmin · PostgreSQL
- psql basics · PostgreSQL
- Creating a database and a table · PostgreSQL
- ORDER BY, LIMIT and OFFSET · PostgreSQL
- LIKE and ILIKE · PostgreSQL
- GROUP BY and HAVING · PostgreSQL
- UNIQUE, CHECK and NOT NULL · PostgreSQL
- Date functions · PostgreSQL
- pg_dump and restore · PostgreSQL
- What React is and the problem it solves · React
- The project structure · React
- Running and building the app · React
- JSX, and why it is not HTML · React
- Importing and exporting components · React
- Styling: CSS files, modules and inline · React
- Default and destructured props · React
- Lifting state up · React
- Conditional rendering · React
- Keys, and why the index is usually wrong · React
- The dependency array · React
- Cleaning up an effect · React
- Loading and error states · React
- useContext · React
- useReducer · React
- useMemo · React
- useCallback · React
- Writing a custom hook · React
- Dynamic route parameters · React
- Nested routes · React
- fetch and async in React · React
- Axios · React
- Loading, error and empty states · React
- React Query basics · React
- Caching and refetching · React
- Optimistic updates · React
- Prop drilling and how to avoid it · React
- How React re-renders · React
- React.memo · React
- Suspense · React
- Storing a token safely · React
- Form state patterns · React
- Validation · React
- Field errors and messages · React
- Multi-step forms · React
- File upload · React
- When context is enough · React
- Redux Toolkit · React
- Slices, actions and reducers · React
- Environment variables · React
- Deploying to Vercel or Netlify · React
- Planning the screens · React
- Shared layout and navigation · React
- Wiring the data layer · React
- View, Text and Image · React Native
- StyleSheet and Flexbox on a phone · React Native
- ScrollView and FlatList · React Native
- TextInput and Button · React Native
- Pressable and touch handling · React Native
- Platform differences: iOS and Android · React Native
- Context and Zustand · React Native
- When Expo Go is not enough: development builds · React Native
- Profiling with Flipper and DevTools · React Native
- Where regex is used · Regular Expressions
- Regex in JavaScript · Regular Expressions
- Email addresses · Regular Expressions
- Indian phone numbers · Regular Expressions
- Connecting a database with sqlx · Rust
- Markdown basics · Technical Writing
- 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
- Type aliases · TypeScript
- Typing a function · TypeScript
- Optional and default parameters · 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
- Abstract classes · TypeScript
- Type narrowing and guards · TypeScript
- Declaration files and @types · TypeScript
- Compiling for the browser and for Node · TypeScript
- Strict mode · TypeScript
- Typing context · TypeScript
- Validating input with Zod · TypeScript
- Typed database access with Prisma · TypeScript
- allowJs and checkJs · TypeScript
- A complete website: from brief to prototype · UI/UX Design
- Environment variables · Vibe Coding with AI
- Empty, loading and error states · Vibe Coding with AI
- Reusability · Vibe Coding with AI
- Why one giant file is a problem · Vibe Coding with AI
- Naming things · Vibe Coding with AI
- Signup, login and logout · Vibe Coding with AI
- Sessions and tokens · Vibe Coding with AI
- OAuth · Vibe Coding with AI
- Secrets and .env files · Vibe Coding with AI
- Common authorisation mistakes · Vibe Coding with AI
- Mobile and desktop · Vibe Coding with AI
- Different browsers · Vibe Coding with AI
- Slow networks · Vibe Coding with AI
- Testing permissions · Vibe Coding with AI
- Hosting and domains · Vibe Coding with AI
- Production errors · Vibe Coding with AI
- Updating safely and rolling back · Vibe Coding with AI
- The interface: activity bar, side bar, editor and panel · Visual Studio Code
- Themes and fonts · Visual Studio Code
- Search across the project · Visual Studio Code
- Disabling an extension per workspace · Visual Studio Code
- Why console.log is not enough · Visual Studio Code
- What Nuxt adds · Vue.js
- File-based routing · Vue.js
- Password hashing with bcrypt or Argon2 · Web Application Security
- Secure cookies and session management · Web Application Security
- OAuth and tokens: the basics · Web Application Security
- HTTPS and TLS · Web Application Security
- HTTP and HTTPS, request and response · Website Development
- z-index and overflow · Website Development
- Relative units: percent, rem, vw and vh · Website Development
- Media queries and breakpoints · Website Development
- Testing on different devices · Website Development
- Footers · Website Development
- Handling form submission · Website Development
- Local storage · Website Development
- Environment variables · Website Development
- Connecting a custom domain · Website Development
- When a deployment fails · Website Development
- Conditional rendering · Website Development
- useEffect · Website Development
- Pages and routes · Website Development
- Navigation · Website Development
- 404 pages · Website Development
- Routes and the request cycle · Website Development
- Turning a Figma design into code · Website Development
- Loading and error states · Website Development
- Forms against an API · Website Development
- TypeScript introduction · Website Development
- Password hashing · Website Development
- Login and logout · Website Development
- Responsive QA and browser testing · Website Development
- Orders and inventory concepts · Website Development