Web Development
About the Program
Imagine you’re an architect with a vision to build a professional website that represents your brand, engages clients, and grows alongside your portfolio. Our Web Development course will teach you how to make that vision a reality, starting from the ground up.
The program begins with the fundamentals: HTML to structure your website's content, CSS for styling and layout, and JavaScript to make your site interactive and dynamic. You’ll dive deep into these core technologies, ensuring a strong foundation. Next, we introduce Bootstrap, a popular framework that makes designing responsive and polished websites faster and easier. You’ll also learn Git, a crucial tool for tracking changes and collaborating on code, so you can manage your projects efficiently and work with other developers if needed.
Once you’ve built your website, you’ll learn how to deploy it to the web, using platforms like Firebase and GitHub Hosting. By the end, you’ll be fully equipped to create, manage, and launch professional websites, whether for your own portfolio or a client project. This program is more than just learning to code—it's about giving you the skills to build, deploy, and bring your creative vision to life on the web.
Requirements
At least a core i3 computer, 8GB RAM. Prior programming experience isn't required.
Student to Teacher Ratio of 10:1
Web Development
Curriculum
- Overview of Web Development: Understand the different areas of web development—front-end, back-end, and full stack.
- Setting Up Your Environment: Installing necessary tools (VS Code, Git, browsers).
- Introduction to HTML, CSS, and JavaScript: Basics of how these core technologies work together.
- HTML Fundamentals: Structure of an HTML document, tags, elements, and attributes.
- Text Formatting and Links: Paragraphs, headings, lists, and hyperlinks.
- Images, Tables, and Forms: Embedding images, creating tables, and building forms.
- HTML5 Semantics: Understanding the importance of semantic tags (
<header>, <footer>, <article>, <section>).
- CSS Basics: Selectors, properties, and values.
- Styling Text and Layouts: Fonts, colors, spacing, and positioning elements.
- Responsive Design: Introduction to media queries, responsive units, and the mobile-first approach.
- CSS Flexbox and Grid: Creating dynamic and responsive layouts.
- CSS Animations and Transitions: Basics of animation for adding interactivity.
- JavaScript Syntax: Variables, data types, operators, and expressions.
- Control Structures: Conditionals, loops, and functions.
- DOM Manipulation: Selecting, editing, and styling HTML elements with JavaScript.
- Event Handling: Adding interactivity through events like clicks, form submissions, and keyboard events.
- JavaScript ES6+: Introduction to modern JavaScript features (arrow functions, template literals, destructuring).
- Bootstrap Basics: Setting up Bootstrap, understanding the grid system.
- Components and Utilities: Buttons, navigation bars, modals, cards, and other UI components.
- Customizing with Bootstrap: Using Bootstrap to create responsive and mobile-friendly layouts quickly.
- Version Control Fundamentals: Introduction to version control and Git.
- Git Commands: Basic commands (init, clone, add, commit, push, pull).
- Branching and Collaboration: Working on branches, merging, and collaboration on GitHub.
- Introduction to Web Hosting: Basics of hosting, domains, and SSL.
- Firebase and GitHub Pages: Step-by-step guide to deploying projects on Firebase Hosting and GitHub Pages.
- Project Deployment: Going live with your projects, testing for different devices.
- Project Planning and Design: Outlining a personal project (e.g., portfolio site, blog).
- Building and Testing: Developing the project with learned skills, ensuring it is responsive and functional.
- Showcasing Your Work: Tips on creating an online portfolio and showcasing projects to potential employers.