Bootcamp Program Syllabus
The Bootcamp is a fully online program that takes between 16 to 24 weeks. The program includes Fullstack Developer (NodeJS & Javascript) and DevOp Cloud Engineer training. Full program syllabus as follows:
- Persiapan - Setup Development Tools & IDE Setup
- Menulis Surat Cinta - Git & Github
- Membina Landing Page - CSS Layout Basics
- Membina Landing Page - Flexbox & Positioning
- Form & Tables - HTML Forms
- Form & Tables - HTML Tables & Data Display
- Bootstrap Basics & Grid System - Framework Introduction
- Bootstrap Basics & Grid System - Responsive Design
- Bootstrap Components - Navigation & Layout
- Bootstrap Components - Interactive Elements
- JavaScript Basics - Syntax & Variables
- JavaScript Basics - Functions & Arrays
- Photo Gallery & GET API - HTTP Basics
- Photo Gallery & GET API - API Integration
- JWT Authentication - REST API Methods
- JWT Authentication - Token Implementation
- NodeJS Basics & Overview - Server Introduction
- NodeJS Basics & Overview - Express Framework
- Building MVC Website - Model & Controller
- Building MVC Website - Views & Routes
- SQL Basics & Database Relationship - SQL Fundamentals
- SQL Basics & Database Relationship - Table Relations
- Advanced SQL Queries - Aggregations
- Advanced SQL Queries - Joins & Complex Queries
- Working with Forms & Files - Form Processing
- Working with Forms & Files - File Operations
- Building REST API - API Design
- Building REST API - Implementation
- EID FITRI HOLIDAY
- React Basics - Components & Props
- React Basics - Component Lifecycle
- State Events & Router - State Management
- State Events & Router - React Router
- Managing Data & Hooks - React Hooks
- Managing Data & Hooks - Data Flow
- Build & Deployment - Build Process
- Build & Deployment - Static Deployment
- Application Deployment - Linux Basics
- Application Deployment - Server Setup
- GitHub for Remote Work - Collaboration Tools
- GitHub for Remote Work - Team Workflows
- Project - Planning & Setup
- Project - Frontend Development
- Project - Backend Development
- Project - Database Integration
- Project - Authentication & CRUD
- Project - Testing & Debugging
- Project - Final Touches
- Project - Deployment & Presentation
.jpeg)
Daily Journal date: 17-Dec-2024
[Week 1] Menulis Surat Cinta - HTML & CSS Basics
1. Essential Software for HTML & CSS Learning
The must have software & tools for students attending the initial HTML & CSS classes to succesfully performed related day-to-day programming learning and practice activities. Recommended for macOS platform:
- Install Homebrew for Terminal (Copy link here: Homebrew)
- Git ($ brew install git in Terminal)
- Visual Studio Code ($ brew install visual-studio-code in Terminal)
- NodeJS ($ brew install node . in Terminal)
- Git Hub (Sign up for account here: github.com)
- Cloudflare (Sign up for account here: cloudflare.com)
Daily Journal date: 17-Dec-2024
[Week 1] Menulis Surat Cinta - HTML & CSS Basics
2. Terminal Command
Here are some common Terminal commands:
- pwd: Prints the path to the current working directory
- ls: Lists the contents of a directory
- ls -l: Lists the contents of a directory with more information
- clear: Clear Terminal
- cd / cd ~ / cd .. / cd . : Changes/move directory
- mkdir: Creates a new directory
- code . : Open VS Code window
Daily Journal date: 17-Dec-2024
[Week 1] Menulis Surat Cinta - HTML & CSS Basics
3. Basic HTML with VS Code
An introduction to HTML and its component for aspiring new web developers, we learned about:
- File management including creating index.html file in Visual Studio Code
- HTML page structure: Head & Body section, Meta data, Basic HTML tags, attributes, elements: div, p, h1-h6, button, img, ol, ul, li, a, footer. (further reading at w3schools.com and/or mdn web docs)