Skip to main content

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

The Joy of React

The Joy of React

Sources: Josh Comeau
The all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let’s be real. Learning React is hard. Over the past few years...
25 hours 35 minutes 33 seconds
Next.js Complex State Management Patterns with RSC

Next.js Complex State Management Patterns with RSC

Sources: fullstack.io
In the dynamic world of web development, mastering complex state management is an essential skills. And since version 13, Next.js introduced a new type of compo
2 hours 56 minutes 24 seconds
Build an Image Filters App with Vue, TypeScript and WebAssembly

Build an Image Filters App with Vue, TypeScript and WebAssembly

Sources: zerotomastery.io
With this project you'll build "Vue Filters", an image filter application built with Vue that allows you to bring the experience of applying Photoshop filters t
1 hour 44 minutes 19 seconds
Next40. Master Next.js 14 in 40 days of epic projects

Next40. Master Next.js 14 in 40 days of epic projects

Sources: Reed Barger, nextjs40.com
Become a Next.js pro in the best way - by building tons of amazing apps, from admin dashboards, personal websites, full-stack apps and more.
4 hours 52 minutes 49 seconds
Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)

Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)

Sources: Web Dev Cody
Are you looking to take your web development skills to the next level? Do you want to learn how to build a fully functional icon generator that integrates with
5 hours 53 minutes 23 seconds