The HTTP Protocol
You can't start developing for the web without knowing the fundamentals. This module talks about the HTTP protocol used to request resources from the server. We'll explore the details of what is used for a browser and for a server to make sure the communication is legitimate.
- Http Verbs
- Status Codes
The structure of a web page is created on HTML. We'll have a look at basic elements like input fields, divs,... to make sure the content is structured in the way we want.
- Anatomy of a page
- How a page is parsed
- Some important HTML elements
- Semantic Elements
- Styling and Behavior
Working with forms is one of the most important aspects in HTML development. It makes it possible for the user to send data to the server
- Form Elements
- How Forms Work
- Useful Attributes and Functions
A web page only looks nice when we start styling it. HTML is great to get all of our content on the page, but when we want to change the font, the colors, the location of everything we need some way to target these properties. CSS is the language we'll use to make sure the browser renders the page in the way we want to. We'll start with basic selectors and end with how Responsive Design works.
- Styling websites using CSS
- CSS Selectors
- Responsive Web Design and Media Queries
- Understanding Inheritance & Cascading behavior
- The Box Model
One of the hardest parts of CSS is making sure that every element is located at the correct position. We'll explain how to do this and which properties have what kind of effect on the elements in the page.
- Flow, display, float
- Positioning elements
- Flexible Box
- Page layout strategies
- Liquid layout versus fixed layout
Responsive web design with Bootstrap
Your web site needs to look fabulous on any device; whether it's a laptop, tablet or phone. Let bootstrap be your guide
in the messy world of media queries.
- Normalizing and Resetting
- The Grid System
- Utility classes
- Base Bootstrap CSS
- Customizing look and feel
- Components: navigation, popovers ...
so we'll try to explain a couple of its quirks as well. This way, we can avoid surprises later.
- Primitives and Objects
- Strict Mode
- Error Handling
- Useful Functions
- Using Objects as Maps
- Sets, Maps and Others
- 'this' explained
- Using Callbacks
- Working with Promises
- Using Libraries
- Content Delivery Networks
- Getting Libraries with npm
- Modules versus the Global Object
- Tools for Code Quality and Minification
The important parts of jQuery are its selectors, allowing ajax calls in an easy way and making event handling easier. Next to those three main parts,
there are more things that jQuery can do, like creating animations, adding elements, ...
- Why jQuery?
- The jQuery wrapped set
- Detecting Page Readiness
- Selecting elements with CSS selectors
jQuery Event Handling
- Classical event handling
- jQuery unified event handling
- Binding and unbinding events
jQuery DOM Manipulation
- Generating HTML
- Set attributes and properties
- Styling from code
- Dealing with form elements
Client-side service consumption with jQuery
- JSON serialization
- Getting data using jQuery AJAX
- Consuming REST services with jQuery: GET
- Uploading and updating entities through REST: POST, PUT, DELETE
Enter Web Storage, a couple of features that allow us to store a bit extra in each browser. We'll look at Local and Session storage and compare it to IndexedDB.
- Storing key-value pairs
- Tracking changes
- Local vs. session storage
- Browser Database Storage
Bridging the Gap
And it takes even more time for end users to adopt these browsers. This topic will teach you how to deal with that gap.
- Deciding on Features
- Detecting Feature Support
- Higher Level Languages
- Automation with Gulp
This course is about front-end (client-side) web development. It’s what the user sees, touches and experiences in the browser.
This course is about the browser not the server.
Developers who want to build rich web applications based on open industry standards. This course is independent
of the server-side technology you are using, so feel free to attend whether you use PHP, ASP.NET, Python, Ruby on Rails...