Full Stack Grow

Full Stack Grow, available at $54.99, has an average rating of 4.86, with 119 lectures, based on 7 reviews, and has 108 subscribers.

You will learn about How to program a full-stack web application and release it to the Cloud This course is ideal for individuals who are Anyone who wants to build a cloud-based web application It is particularly useful for Anyone who wants to build a cloud-based web application.

Enroll now: Full Stack Grow

Summary

Title: Full Stack Grow

Price: $54.99

Average Rating: 4.86

Number of Lectures: 119

Number of Published Lectures: 119

Number of Curriculum Items: 133

Number of Published Curriculum Objects: 133

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

How to program a full-stack web application and release it to the Cloud

Who Should Attend

Anyone who wants to build a cloud-based web application

Target Audiences

Anyone who wants to build a cloud-based web application

Want to develop your web app from the ground up with everything you need to grow with your users? This is the course for you as it wraps into a tidy bundle not only all elements of full-stack development but also practices necessary to grow your app.

For web development, we focus on web components to give you the most modular method for developing a web app possible. But we do this without the overhead or the restrictions of a framework, instead relying on Stencil.js, a compiler that combines the power of Typescript with some of the convenience of React. But best of all, after compiling your app, Stencil.js gets out of the way and leaves no overhead of its own behind.

And right here from the very start, we integrate testing with Jest and Puppeteer. Testing is tightly integrated with every lesson and as we build our app, we develop testing with practically each lesson, learning dozens of tips and tricks on how to test effectively.

For our server, we use Node and Express and keep things consistent by again using Typescript and Jest to write more modular code and tightly integrate testing. But then we go a step further by wrapping everything into a Docker Container as a first step to a micro-services architecture. We go into depth here with everything you need to create a fast and responsive development environment that makes it easy to write code fast while keeping your tests up to data.

On the database, we go with a new and powerful database offering from HarperDB that combines much of the best of both SQL and NoSQL databases and makes database development a breeze. But here again we create tools to enable you to scale up your development by separating database schema development from your production code.

To top things up we also cover source control with Git and Github, going into depth on the work flow needed to enable you to develop a project either on your own or as a team. And at the end of it all, we will push everything up to Google Cloud in a few easy steps and see everything work the first time, thanks to all the work we did in testing.

This course then gives you everything you need to get going with a serious web app, that puts full control into your hands and enables you to build your app from a hobby up to a highly successful business.

Note: Each lesson will have a resource file showing what the code should look like at the end of the lesson. You can also find the code on GitHub at safaalai/notes.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Part I – Source Control With Git

Lecture 1: Introduction to Part I: Source Control

Lecture 2: Install Steps for Windows

Lecture 3: Install Steps for Mac

Lecture 4: Create a Git Repository

Lecture 5: Working with a Git Repository

Chapter 3: Part I – GitHub Flow

Lecture 1: Introduction to GitHub Flow

Lecture 2: Setup

Lecture 3: Branching

Lecture 4: Rebasing

Lecture 5: Pull Requests

Chapter 4: Part II – Getting Started with Web Components

Lecture 1: Introduction to Part II: Web Components

Lecture 2: Installing NodeJS for Mac

Lecture 3: Installing NodeJS for Windows

Lecture 4: Introduction to Stencil.js

Chapter 5: Part II – Building the Notes App

Lecture 1: The Notes App: Intro

Lecture 2: Notes App Cleanup

Lecture 3: Generate notes-list Component

Lecture 4: Start Documenting

Lecture 5: Start Testing

Lecture 6: Connect notes-list to the Notes App

Chapter 6: Part II – Introducing Data

Lecture 1: Create a Data Library

Lecture 2: Connect notes-list with Your Data Library

Lecture 3: Define a Data Format for Your Notes List

Lecture 4: Implement notes-list with Data

Lecture 5: Update notes-list tests to handle data

Chapter 7: Part II – Formatting & Styling Web Components

Lecture 1: Format the List Date

Lecture 2: Apply CSS to notes-list

Lecture 3: Shadow Dom & Global CSS

Chapter 8: Part II – Make Notes List Interactive

Lecture 1: Detecting Mouse Clicks

Lecture 2: Emitting Events

Lecture 3: Detecting Events

Lecture 4: Responding to Events

Chapter 9: Part II – Displaying a Note

Lecture 1: Create the Note Component

Lecture 2: Passing a Parameter to a Component

Lecture 3: Format the note display

Lecture 4: Add Header Bar & Close Button

Lecture 5: Add getNote to NotesData

Lecture 6: Display the Note Title

Lecture 7: Note Text Data

Chapter 10: Part II – Edit, Add and Delete

Lecture 1: Editing a Note

Lecture 2: Save Library Function

Lecture 3: Save Button

Lecture 4: Getting and Saving Changed Values

Lecture 5: Event Listener Targets

Lecture 6: addNote Library Function

Lecture 7: Add Note Button

Lecture 8: Refactor NoteData.ts

Chapter 11: Part II – Integration Testing

Lecture 1: Integration Testing Introduction

Lecture 2: Integration Testing: Clicking a Note

Chapter 12: Part II – Summary & Recap

Lecture 1: Summary & Recap

Chapter 13: Part III: Building the Server

Lecture 1: Introduction to Part III

Chapter 14: Part III: Building a Hello World Server

Lecture 1: Install & Initialize

Lecture 2: Hello World App

Lecture 3: Setup Your Development Environment

Lecture 4: Setup Testing Right Away

Lecture 5: Black Box Testing for Your Server

Chapter 15: Part III: Hello World Container

Lecture 1: Introduction to Containers

Lecture 2: Setting Up Docker: Mac

Lecture 3: Setting Up Docker: Windows

Lecture 4: Docker Official Images

Lecture 5: Hello World Container Image

Lecture 6: Build & Run the Hello World Container

Chapter 16: Part III: Optimize Development

Lecture 1: Introduction to Optimizing Development

Lecture 2: Doing it the Hard Way

Lecture 3: Automate Build & Run with docker-compose

Lecture 4: Automate Rebuild with Volumes

Lecture 5: Exit the Container with Ctrl-C

Chapter 17: Part III: Connecting Client to Server

Lecture 1: Introduction to Client-Server Communication

Lecture 2: Connecting with Axios

Lecture 3: Fixing CORS Access Restrictions

Lecture 4: Testing Client & Server Communication

Chapter 18: Part III: Gateway REST API

Lecture 1: Intro to the Gateway API

Lecture 2: Creating API Routes

Instructors

Safa Alai
Technology Enthusiast

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 1 votes
5 stars: 6 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu