Coding Career Series: Building Skills
Coding Career Series part 2: Mengenal web development dari dasar. Mulai dari HTML, CSS, JavaScript hingga contoh sederhana fullstack app.
Course Content
15 modulIntroduction
Overview of the web development roadmap and what you will learn in this module. Sets expectations for the hands-on journey ahead.
About Web and JavaScript
Discover why JavaScript powers 98% of websites and how it enables you to build web, mobile, desktop, and backend applications. Understanding the versatility of JavaScript as your primary development language.
Introduction to Web Development
Learn how web applications work: the interaction between user browsers, frontend (HTML/CSS/JS), backend (server logic), and databases. Understand the complete request-response cycle.
Basic Problem Solving
Develop your computational thinking and problem-solving skills—the foundation of programming. Learn to break down complex problems into manageable steps.
Frontend Basic: HTML
Master HTML essentials: structure web content using tags, understand semantic HTML for better accessibility and SEO. Learn common elements (headings, paragraphs, links, images, lists) and build proper page structure with header, nav, main, article, section, and footer.
Frontend Basic: CSS
Style your web pages with CSS: learn selectors (element, class, ID), the box model (margin, padding, border), text styling, and layout techniques. Practice with inline, internal, and external stylesheets.
Basic JavaScript
Learn JavaScript fundamentals: variables, functions, events, and DOM manipulation. Make your web pages interactive by responding to user actions and dynamically updating content.
Version Control
Master Git and GitHub for code management, collaboration, and version tracking. Essential skills for professional development and teamwork.
Introduction to Backend
Understand backend development: servers, databases, and APIs. Learn how backend handles requests, processes business logic, and manages data storage. Introduction to REST APIs and HTTP methods (GET, POST, PUT, DELETE).
Developing Fullstack Todo List App
Hands-on project: Build a complete fullstack todo application from scratch. Integrate frontend (HTML/CSS/JS), backend (Node.js), and data storage. Apply everything you've learned in a real-world project.
Framework and Libraries
Explore popular frameworks and libraries (React, Vue, Svelte for frontend; Express, Django for backend). Understand how frameworks speed up development and improve maintainability. Learn when to use vanilla JS vs frameworks.
Two Ways to Get Good
Effective learning strategies: 1) Learn the basics and understand fundamentals, 2) Practice through building projects. Become a T-shaped developer with broad knowledge and deep specialization. Learn from others' code and stay curious.
Spaced Repetition Tool
Master retention using spaced repetition techniques and tools. Learn how to efficiently remember what you study and build long-term knowledge.
English Skills
Develop English proficiency for reading documentation, understanding tutorials, and communicating in the global tech community. Practical tips for improving technical English.
Other Tips and Summary
Final tips for your learning journey: avoid feeling overwhelmed by breaking tasks into smaller steps, document your progress publicly for feedback and motivation, and remember that you don't need to learn everything. Celebrate small wins.