LAP 1

This LAP is all about learning programming principles through the use of JavaScript. Get to grips with all the key development tools (command line, text editor, git) and start collaborating with your peers on projects, whilst adopting Agile practices. This lap makes sure you are a confident JavaScript developer. You will work on programming fundamentals including logic, data, actions, and writing pseudocode. You’ll learn how to use JavaScript to interact with the browser, use APIs and start testing your code. We'll cover logic, data and actions as well as writing good pseudocode to help us break down problems. With your newly learned JS skills, you'll learn to interact with the browser and APIs. Finally, we'll dive into the backend with Node.js and frameworks like Express.

Topics

Topic	Description	Technologies
HTML Basics	Key concepts of HTML required to start building a web page.	HTML
CSS Basics	Introduction to CSS and how to apply it to HTML.	HTML - CSS
Site Planning & Layout	High level discussion of the principles of site planning, including some more advanced CSS concepts.	HTML - CSS
Frameworks	Short introduction on how to get started with HTML/CSS frameworks.	HTML - CSS - Bootstrap
Responsive Design	How to create designs that work across various devices, including a discussion of what is meant by 'Mobile-First'.	HTML - CSS
Just Enough JavaScript	Core JavaScript principles including data types, variables and logical operators.	JavaScript
Intro to TDD	Overview of what is meant by TDD, types of testing and some of the tools available to get started.	JavaScript - Jest - Mocha - Chai
JS Unit Testing with Jest	Introduction to the concept of unit testing with examples using Jest.	JavaScript - Jest
Principles of Programming	Discussion of the basic concepts of programming.	N/A
Programming Languages Q&A	History and overview of the different types of programming languages.	N/A
Data in JavaScript	A look at the different types of data in JavaScript.	JavaScript
Logic in JavaScript	How to implement logic in JavaScript.	JavaScript
Actions in JavaScript	Working with functions in JavaScript, combining logic and data.	JavaScript
JavaScript in the Browser	Adding JavaScript to webpages and interacting with the DOM.	HTML - CSS - JavaScript
Forms & APIs	Building web forms and connecting to APIs.	HTML - JavaScript
Asynchronous Processes & Promises	Understanding and using promises in JavaScript.	JavaScript
Object Orientation in JavaScript	Creating prototypes and class syntax with ES6.	JavaScript
JavaScript as a Backend	Introduction to Node.js and how to make a basic HTTP server.	Node.js
JavaScript API Frameworks	Building an API with Express.js.	Node.js - Express.js

Additional Resources

• Basic AWS Setup
• Static Site Deployment with AWS S3
• Static Site Deployment with Netlify
• CSS Selectors Cheatsheet
• git CLI Cheatsheet
• Writing READMEs
• Pnpm guide

Testing Resources

• JS Unit Testing with Jest
• JS Unit Testing with Mocha & Chai
• DOM Testing
• API Endpoint Testing
• Mocking Functions & Modules for Testing
• Mocking Fetch Requests for Testing

More Resources

• Publishing an NPM package
• Browserify: require on the client side
• Watchify: A Simple Solution for a Client Side Dev Server
• Deploying a Full Stack Application
• Deploying serverless functions with AWS Lambda
• call vs apply vs bind