OVERVIEW
Our product development course equips complete beginners with the cutting-edge tools they need to build rich, interactive websites. We help you take your first dive into the essential programming languages, then round out your skillset with industry-relevant topics that'll help you learn and build custom websites from scratch.
WHAT TO EXPECT
You will learn how to develop compelling and captivating websites using the latest web development tools and practices. Mastering this range of technologies will allow you to develop high-quality websites that work seamlessly on mobile, tablet, and computer web browsers demonstrating your growth as a web developer and your knowledge of accessible web design.
PREREQUISITES
None! It's perfect for complete beginners with zero experience. Our product development course is the first step towards your coding journey, so we don't expect you to be a techie. On the hardware side, you'll need a PC or a Mac with a good internet connection that supports Zoom meetings, access to tools like VS Code, a web browser, either Chrome or Edge and a GitHub account; a free account is fine!
COST AND SCHEDULE
The cost of the course is £499. It is taught over a period of 5 days with 2 hours sessions each day (Monday to Friday), totalling 10 hours of actual one-on-one zoom sessions, plus 10 hours of homework/assignments. There are three batches (Morning, Afternoon and Evening batch) that start every week. We also offer special weekend batches. To check the next available batch, contact us now.
WHAT YOU’LL LEARN
INTRODUCTION TO WEB DEVELOPMENT
Engage in online, 1:1 learning that’s designed to set you up for success starting day one.
Gain an introduction to web development.
Get acquainted with key terminology and tools.
Get familiar with the fundamental building blocks of the web, adding and styling content with HTML and CSS.
Take a developer’s approach to problem-solving, coding responsive sites for mobile and the web.
HTML/CSS BASICS
Create HTML documents using common element tags.
Inspect webpages using the browser’s developer tools.
Describe the relationship between HTML, CSS, and JavaScript in websites.
Choose semantic HTML tags to define and organize content.
Use CSS to apply style to webpages.
Learn the basics of CSS syntax, including selectors and style rules.
Link to files from HTML using relative paths.
Use margins and padding to create spacing between elements.
Set the display property of elements to create page layouts.
BUILDING INTERACTIVITY WITH JAVASCRIPT
Power dynamic websites, incorporating animations, dropdowns, and more.
Distinguish between code and a program.
Define basic variables and data types in JavaScript.
Understand the role of functions in JavaScript.
Describe the role of JavaScript in front-end web development.
Access properties of the DOM using JavaScript object syntax.
Use DOM methods to respond to user actions with event listeners.
Use JavaScript to trigger CSS animations.
Design interactive user interfaces using CSS properties.
Plan application states to reflect user actions.
Define conditional statements in JavaScript to create logic-driven programs.
Choose logical operators to enhance conditional statements.
Use arrays and loops in JavaScript to manage collections of data.
Invoke array methods to manipulate the array’s contents.
Distinguish between for loops and while loops.
BUILDING RESPONSIVE DESIGN
Use flexbox properties to create responsive layouts.
Apply normalizing CSS to avoid browser default styling interference.
Use CSS grid properties to define responsive layouts.
Compare and contrast flexbox and grid properties.
Define fractional and percentage-based widths for elements.
Define CSS rules to apply custom fonts to text.
Use pseudo-selectors to create more specific CSS rules.
Define media-query breakpoints to apply separate rules based on screen size.
Use responsive measurements such as ems to smoothly scale CSS rules to devices.
Apply a mobile-first methodology to CSS and website design.
Use the position property to create responsive layouts.
Define and choose between absolute, relative, static, and fixed positioning.
ADVANCED CONCEPTS
Take your coding skill set to the next level, incorporating functions from external libraries and tools.
Use HTML forms to collect input from users.
Evaluate APIs based on documentation.
Make HTTP requests to external API sources for data.
Use CSS libraries, such as Bootstrap, to leverage pre-styled components.
Adapt CSS library components for specific use cases.
Evaluate CSS frameworks against self-written CSS.
Use GitHub for version control and code collaboration.
Execute commands from the command prompt for increased control of file systems.