Beginner-friendly course where you'll learn the essentials of frontend web development.
Created 16th Jul 2024
English
This course is not currently accepting enrolments. Be sure to add your email via the "Register your interest" button to be notified when the course is ready.
Register Your Interest
I'm currently working on the final parts of this course
, so enter your email below and I'll send you a
message when it's been released.
This course is free to enrol for
all registered users who are signed up to my
mailing
list. Not sure if you are signed up? Just click on the "Enrol Now"
button.
Course Levelbeginner
Course LanguageEnglish
Course Chapters
5 chapters
Course Videos
16 videos
Course overview
In this beginner-friendly course, we'll cover everything you need to get started in the world of frontend web development, from understanding what the frontend is, to learning the core technologies and tools used by professionals in the field. You'll learn what a frontend developer does, the difference between frontend, backend, and fullstack development...
In this beginner-friendly course, we'll cover everything you need to get started in the world of frontend web development, from understanding what the frontend is, to learning the core technologies and tools used by professionals in the field. You'll learn what a frontend developer does, the difference between frontend, backend, and fullstack development, and then we'll get hands-on with the core technologies of frontend development: HTML, CSS, and JavaScript. These are the building blocks of the web, and I'll introduce each one to you in a way that's easy to understand and follow.
In the "Tools of the Trade" chapter, we'll explore the essential tools that every frontend developer should know. From code editors to prototyping tools like Figma, debugging tools, project management tools, and version control systems, you'll get familiar with the software that makes development more efficient and fun.
Finally, we'll look at the different career paths you can take as a frontend web developer. Whether you're interested in freelancing or pursuing a full-time position, I'll discuss the skill sets and tech stacks you'll need for each path.
What you will learn
Understand what frontend web development is.
Identify the role of a frontend web developer.
Learn the basics of HTML, CSS, and JavaScript.
Get familiar with essential tools like code editors and IDEs.
Explore different career paths in frontend web development.
Table of contents
Below, you'll find the table of contents for all the videos available in this course. Click on a chapter
to expand and see the videos included.
Course introduction
Brief overview of the course. You'll learn what to expect, the topics we'll cover, and how this course will help you start your journey in frontend web development.
Course goals
The primary goal of this course is to give you a better understand of what frontend web development is. By the end of the course, you'll have a clear understanding of what a frontend web developer does, the required skills, the tools of the trade.
Course prerequisites
No previous coding skills required - this course is ideal for absolute beginners who have never written a single line of HTML, CSS or JavaScript.
What is Frontend Web Development?
In this video, I'll explain what frontend web development is. You'll get a clear understanding of how it differs from other types of development and why it's essential in creating websites and web applications.
The role of a Frontend Web Developer
Here, you'll learn about the responsibilities and tasks of a frontend web developer. We'll discuss the skills needed and the typical day-to-day activities in this role.
Frontend vs Backend vs Fullstack
This video will help you understand the differences between frontend, backend, and fullstack development. You'll learn how these roles complement each other in the web development process.
Introduction to HTML: The Skeleton of the Web
Time for us to learn about HTML - the foundational language of the web. You'll learn what HTML is, how it works, and start writing your first HTML code.
Introduction to CSS: Styling the Web
Get an introduction to CSS, the language used to style HTML. You'll learn how CSS works and start applying styles to your web pages to make them look more appealing.
Introduction to JavaScript: Adding Interactivity
In this video, I'll introduce you to JavaScript, the language that brings interactivity to websites. You'll learn the basics of JavaScript and write your first scripts to enhance your web pages.
Code Editors and IDEs
Let's cover the essential code editors and Integrated Development Environments (IDEs) used by frontend developers.
Prototype tools
Meet Figma, a powerful tool for designing and prototyping web interfaces. You'll learn how to use Figma to create mockups and prototypes for your projects.
Frontend Debugging Tools
I'll show you how to use browser developer tools to identify and fix issues in your code.
Frontend Project management tools
Project management tools help you organise and manage your frontend projects. You'll learn how to use tools like Trello and Jira to keep your projects on track.
Version control tools
In this video, I'll explain the importance of version control in web development. You'll learn how to use Git and GitHub to manage your code, collaborate with others, and track changes in your projects.
The Freelance Frontend Developer skill set and tech stack
Thinking of being a freelance frontend web developer? Watch this video to find out what additional skill are required and what tech stack you should focus on.
The full time Frontend Developer skill set and tech stack
In this video, I'll cover the skills and tools required for a full-time frontend web developer role. You'll learn about the tech stack commonly used in the industry and how to prepare for a career in a corporate or startup environment.
Course FAQs
What is this?
This is a web development video course designed to help you improve your frontend
development skills. The course is broken down into smaller chapters, and each chapter contains a series of
related videos.
When can I enrol?
When the course is ready, the "Register your interest" button will be replaced with an "Enrol Now" button.
Be sure to add your email via the "Register your interest" button to be notified when the course is ready.
Additional resources
Frontend web development projects
Beginner-friendly projects focusing on HTML, CSS, and JavaScript.