If you are an aspiring web developer, or have a little experience, then this is the only course you will need!
This course has been designed to give you a structured learning journey, teaching all the skills you need to build full stack web applications!
We begin with a little background into HTML, what it is and how it came about.
Then we take a deep dive into learning about how to use HTML, learning things such as:
- Setting up a HTML project
- HTML Structure
- Div and span elements
- Adding text and links
- Formatting text
- Semantic elements
- Comments, entities and symbols
- Forms and inputs
- Integrating Google Maps
All of this while building a Tech Store project.
We then move onto styling with CSS, covering:
- What is CSS
- Inline, internal and external stylesheets
- Fonts and colors
- Classe's and id's
- Margin and padding
- Block, inline and inline-block display types
- The CSS box model
- Styling lists and links
- Psuedo classes
- Float and clear
- The position property
- Styling forms and inputs
- Specificity and the cascade
We then take the project even further by learning all about responsive design to make your websites look great on all size devices.
You will learn about:
- What responsive design is
- The viewport meta tag
- Scalable units
- Fluid layout
- Media queries
- Mobile first styling
- Styling for all size devices
- Picture element and srcset
Then onto the CSS Flexbox, where you will learn all about:
- What the CSS Flexbox is
- Flex direction
- Flex wrap and justify content
- Aligning items
- Aligning content
- Controlling the order of child items
- Child items grow and shrink values
We then move onto the CSS Grid, learning about:
- What is the CSS Grid
- The grid display type
- Grid gaps
- Repeating tracks
- The fr unit
- Min and max track sizes
- Grid line numbers
- Grid line names
- Template areas
- Nesting grids
After this we learn about the responsive Bootstrap 4 framework:
You will learn about:
- What Bootstrap is and what it can do
- Setting up Bootstrap projects
- Whats include in the CSS files
- The grid system
- Adding images and text
- Responsive navbars
- Using carousel controls and captions
- Bootstrap utility classes
All while building a gourmet burgers project.
- Variables, string and numbers
- Arithmetic and operators
- Alert, prompt and confirm
- if else statements and comparison operators
- Nesting and logical operators
- Ternaty operator
- Switch statement
- Dragon Slayer project!
- DOM Manipulation
- Functions and arguments
- Scope and hoisting
- Arrow functions
- Pixel to em converter project!
You will learn about:
- Arrays and array methods
- For each
- For loop
- While loop
- Objects and looping through objects
- Object constructor function
- HTTP, request and response
- Fetching data and query strings
- Async code and promises
- Creating searches and searech queries
- Event capture and bubbling
- Song finder application!
We round things off by building a full stack application called 'Let's travel!'. This is a big project, which is a fun, yet challenging hotel booking project.
This project will tech you all about:
- Passport for authentication
- Pushing to Heroku
- Password encryption
- Flash messages
- MVC Pattern
- And so much more!
So, sign up now, and take the only web development course for beginners you will need!
Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.
Whatever your reason for learning to build websites you have made an excellent career choice.
My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and i have watched the web evolve into what it is today.
I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.
Thanks for taking an interest and I look forward to you joining me.
StartStructuring a web page (5:56)
StartHTML Headings (6:52)
StartSetting up a web project (3:09)
StartDiv and span (5:23)
StartAdding paragraphs and text (3:31)
StartText emphasis, importance and formatting (6:25)
StartHTML lists (4:52)
StartTime to practice: Create the project lists (5:58)
StartWorking with images (5:52)
StartTime to practice: Linking to pages (3:40)
StartWhat are semantic elements (4:21)
StartAdding semantic elements to our project (5:25)
StartTime to practice: Adding more products (1:28)
StartSolution: Adding more products (5:11)
StartHTML comments (3:52)
StartHTML entities and symbols (6:01)
StartTime to practice: Product detail page (3:22)