HTML, CSS, and Javascript for Web Developers

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones.In this course, we will learn the basic tools that every web page coder needs to know. We will start from the ground up by learning how to implement modern web pages with HTML and CSS. We will then advance to learning how to code our pages such that its components rearrange and resize themselves automatically based on the size of the user’s screen. You’ll be able to code up a web page that will be just as useful on a mobile phone as on a desktop computer. No “pinch and zoom” required! Last but certainly not least, we will get a thorough introduction to the most ubiquitous, popular, and incredibly powerful language of the web: Javascript. Using Javascript, you will be able to build a fully functional web application that utilizes Ajax to expose server-side functionality and data to the end user.

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones.This course provides a comprehensive introduction to webpage styling and layout using CSS. It will discuss how one can select and target specific HTML elements, apply styles using CSS properties, and interact with the CSS box model. Additionally, the course teaches key CSS concepts, including selectors, specificity, inheritance, units of measurement, positioning, and floats. The course will also cover responsive design principles and how to use media queries to create websites that adapt to different screen sizes. Additionally, the course will introduce Bootstrap, a popular CSS framework, and demonstrates how to use its grid system to build responsive layouts efficiently. By the end of the course, learners have a solid foundation in CSS and be able to create visually appealing and responsive websites.

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones.This course offers a step-by-step guide to building a fully functional and responsive website for a real client. Starting from understanding client requirements, the course shows all aspects of website development. It covers topics from lessons on coding a website header and navigation menu, crafting a responsive homepage and menu page using Bootstrap and CSS to resolving potential website resize issues for a seamless mobile experience. The course emphasizes hands-on learning, guiding learners in creating a restaurant website. Through building the restaurant website, learners will gain expertise in requirements gathering, website design and development, responsive web design, and ensuring a visually appealing and user-friendly website that works across all devices.

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones.The course covers fundamental Javascript programming concepts, starting with variables, data types, operators, and control flow mechanisms. It will then teach learners about object-oriented programming in Javascript, object creation using literals and constructors, prototypes, and the intricacies of the 'this' keyword. After which, the course goes into the power of Javascript arrays, using namespaces and IIFEs to prevent variable collisions, and discussion of closures and their use cases in Javascript programming. After covering the fundamental Javascript programming concepts, the course transitions into building dynamic and interactive websites by using Javascript and AJAX (Asynchronous JavaScript and XML) to interact with the Document Object Model (DOM), handle user events, and dynamically update web page content. The course will also talk about the HTTP protocol, different HTTP request methods, and how to work with JSON data. Building on these skills, learners will gain practical, hands-on experience by converting the restaurant website into a dynamic single-page application (SPA) powered by Javascript and AJAX.