Full Stack Development

4h 24m 36s
English
Paid

Course description

This course will take you on a journey to become a full-stack developer. You will learn how to build and deploy a modern web application from the ground up. Whether you're a beginner or an experienced developer, this course will provide you with the knowledge and skills to create full-stack web applications.

Read more about the course

Course Highlights:

  • Demo and Architecture: Explore the architecture of a full-stack web application and understand how all the components work together.

  • Tech Stack: Learn about the technologies and tools used in this course, including TypeScript, Next.js, Express.js, Docker, FFmpeg, Firebase Auth, Firebase Functions, Firebase Firestore, Google Cloud Storage, and Google Cloud Pub/Sub.

  • Hands-On Experience: Get hands-on experience by building and deploying a web application with a modern tech stack.

  • Security: Understand the importance of security in full-stack development and how to implement best practices to protect your application.

  • Real-World Project: Work on a real-world project that includes features like video uploading, transcoding, user authentication, and more.

By the end of this course, you'll have the skills and confidence to develop full-stack web applications and take your web development career to the next level.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 22 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 0 - Demo and Architecture

All Course Lessons (22)

#Lesson TitleDurationAccess
1
0 - Demo and Architecture Demo
07:56
2
1 - Prerequisites
04:05
3
2 - Initialize Video Processing Service
10:58
4
3 - Process Videos Locally
13:08
5
4 - Containerize Video Processing Service
15:04
6
5 - Convert Videos Hosted on Google Cloud Storage
23:32
7
6 - Deploy Video Processing Service
16:10
8
7 - Create Pub or Sub Topic and Subscription
06:43
9
8 - Create Cloud Storage Buckets
10:35
10
9 - Create Next App
12:39
11
10 - Create Navbar
11:09
12
11 - Add Firebase SDK with Auth
07:24
13
12 - Add Sign In with Google
18:05
14
13 - Create Firestore
04:44
15
14 - Add Create User Function
20:21
16
15 - Add Upload Video Function
12:39
17
16 - Add Upload Video Feature to Web App
17:05
18
17 - Add Videos to Firestore
14:31
19
18 - Add Get Videos Function
05:09
20
19 - Show Videos in Web App
12:25
21
20 - Deploy Web App
12:02
22
21 - App Limitations
08:12

Unlock unlimited learning

Get instant access to all 21 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Next.js - The Full Course

Next.js - The Full Course

Sources: fireship.io
Next.js - The Full Course provides a in-depth look into the Next.js App Router introduced in version 13.2. It puts React Server Components into practice by buil
1 hour 14 minutes 14 seconds
React with TypeScript

React with TypeScript

Sources: ui.dev (ex. Tyler McGinnis)
We'll start the course off with some housekeeping items. You'll learn about the best strategy for getting the most out of the course as well as what you'll build during the course.
2 hours 53 seconds
React and NodeJS: A Practical Guide with Typescript

React and NodeJS: A Practical Guide with Typescript

Sources: udemy
I'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teach
6 hours 54 minutes 59 seconds
The Ultimate NextJs Course

The Ultimate NextJs Course

Sources: hamedbahram.io
NextJs is a powerful framework for building fullstack React applications. It makes it easy to create fast, SEO-friendly websites and web applications that are optimized for perf...
15 hours 7 minutes 33 seconds
Next.js Projects: Build an Issue Tracker

Next.js Projects: Build an Issue Tracker

Sources: codewithmosh (Mosh Hamedani)
Learn to Build Full-stack Apps with Next.js, TypeScript, Prisma, Tailwind, and Radix UI. Clear. Concise. Comprehensive. Tired of piecing together disconnected t
7 hours 1 minute 57 seconds