An introduction to present day programming ecosystems. Explains various aspects involved in full stack development before introducing Elyse into the world of frontend web development.
A brief introduction to the present day Internet.
This chapter gives an overview on the core technologies that brings the Internet to live. At the end of this chapter, Elyse will know how data are requested, generated, and make their way back to her. Elyse will also be able to describe and troubleshoot her way around Internet based applications.
This chapter covers the fundamentals of HTML.
By the end of this chapter, Elyse will be able to make a very simple web site that can be viewed on her computer and published on the Internet.
This chapter covers the styling of web pages using Cascading Style Sheets (CSS).
CSS is a language that describes the style of an HTML document. CSS describes how HTML elements should be displayed.
After this chapter, Elyse will be able to style a simple web site, making it nice and presentable.
Git is a popular version control system that helps developers to control their source code as their project grow in size and complexity.
Elyse will be exposed to GitHub and Bitbucket briefly in this chapter.
At the completion of this chapter, Elyse will be able to start utilising Git in her work to commit new file updates and use it in a simple continuous deployment (CD) workflow to deploy her projects online.
This hands-on chapter allows Elyse to start working on a functional website utilising all the technologies covered in the previous chapters (HTML, CSS, and Git).
By the end of this chapter, Elyse will be able to write simple program that runs in a browser.
A quick introduction to the world of open source technologies.
Elyse will also be exposed to package managing systems like NPM, Yarn, and Bower.js.
CSS preprocessors allow better organisation and structuring of CSS when used in a complex web project. SASS is one of the most popular CSS preprocessor.
By the end of this chapter, Elyse will be able to convert the CSS used in her existing website into SASS.
By the end of this chapter, Elyse will be able to add event driven animations on her website powered by CSS.
Responsive web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. Responsive web development allows website to have layouts that rearrange themselves based on available screen sizes.
At the end of this chapter, Elyse will be able to optimise websites to have different layouts when they are loaded on different devices.
Flexbox an advanced CSS layout technique that can be used to ease content layout and responsive web development.
By the end of this chapter, Elyse will be able to use flexbox to create fluid content lists that are optimised based on device screen sizes.
Frontend styling frameworks can be used in web development to speed up initial CSS stylings.
This chapter covers more advanced Git usages like the concept of branches, pull requests, merging, and gitflows. These skills are useful for working on projects with other developers in team settings.
Application programming interface (API) is one of the most important concept of modern day Internet. It allows different applications to communicate with each other.
By the end of this chapter, Elyse will be able to request data from various APIs and render results on her website.