CAPACITYBAY FULL-STATCK WEB DEVELOPMENT CURRICULUM Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay Introduction to Computer: ➢ ➢ ➢ ➢ ➢ ➢ ➢ Definition of a Computer Functions of a Computer Components of a Computer Units of Measurement Classification of Computers Data, Information and Knowledge Characteristics of a Computer Git and GitHub: ➢ ➢ ➢ ➢ ➢ ➢ Downloading Git Setting up GitHub account Syncing GitHub profile to VS Code GitHub and Remote repositories Git commands Collaboration with git and github Hyper Text Markup Language (HTML5): ➢ HTML Elements/Tags • Opening and Closing Tags • More tags • HTML formatting ➢ HTML Lists • Unordered List items • Ordered Lists items ➢ HTML Links ➢ HTML Images Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay Advanced HTML5: ➢ HTML Media • HTML Audio • HTML Video • HTML Iframes ➢ HTML Tables ➢ HTML Forms ➢ HTML Block and Inline Elements ➢ HTML Semantic Elements Cascading Style Sheet (CSS) ➢ Getting Started with CSS • Inline CSS • Internal CSS • External CSS ➢ CSS Properties ➢ CSS Selectors ➢ CSS Texts and Font ➢ CSS Box model ➢ CSS Units Advanced CSS ➢ CSS Display Property • Block • Inline • None ➢ CSS Position Property • Static • Relative • Absolute • Fixed ➢ CSS Animations Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay • Transitions • Animations ➢ CSS Flex Display Property ➢ CSS Grid Display Property ➢ CSS Media Queries CSS Framework ➢ Bootstrap • Getting Started • The Bootstrap Nav Bar • Bootstrap Grid Layout System • Adding Grid layouts • Bootstrap Containers • Bootstrap Buttons and Font Awesome JavaScript (JS) ➢ Introduction to JS • Adding JS to a Web Page • Data Types ▪ Primitive ▪ Non-Primitive • Windows Methods ▪ Alert method ▪ Prompt method • Checking Data types ➢ Booleans and Operators • true and false values • Assignment Operators • Arithmetic Operators • Logical Operators • Ternary Operators Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay ➢ Conditional Statements • If • If Else • Switch • Ternary Operators ➢ Arrays • Creating an Array • Accessing Array Items • Modifying an Array • Array Methods ➢ Loops • For loop • While loop • For of loop ➢ Objects • Scope • Creating an Object • Getting values from an Object • Object Methods ▪ Object.keys() ▪ Object.values() ▪ Object.entries() ➢ Higher Order Function • Callbacks • Returning function • Setting time ▪ setInterval ▪ setTimeout ➢ Destructuring and Spread • Destructuring Arrays • Destructing Object • Spread or Rest Operator • Spread operator to copy array Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay • Spread operator to copy object ➢ Document Object Model(DOM) • Getting Element • Adding Attribute • Adding Style • Manipulating DOM ▪ Creating Elements ▪ Append Method ▪ Remove Method • Event Listeners • Input value BACKEND DEVELOPMENT ➢ What Is backend development? • JavaScript ECMAScript 6 • Asynchronous JavaScript INTRODUCTION TO NODE JS. ➢ What is Node js? • Why use Node js? • History of Node js. • Running Node js code INTRODUCTION TO EXPRESS JS. ➢ What is Express? • Why use express • Installation of express framework NPM (Node Package Manage). ➢ Installing Packages (Globally and Locally) ➢ Updating and Running Packages in Node Js Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay EXPRESS ROUTING ➢ Route controllers and API route ➢ HTTP Methods ➢ URL building ➢ Request and Response Object ➢ Working with middlewares ➢ Form Data POSTMAN ➢ What is postman? ➢ Why use postman? ➢ Making API Calls with postman ➢ APIs with postman SERVER SIDE RENDERING (SSR) ➢ What is SSR? ➢ Static file rendering ➢ Introduction to EJS DATABASE(MongoDB). ➢ Introduction to Database and mongoDB ➢ Setting up mongoDB cloud account ➢ Installing mongoDB locally ➢ MongoDB CRUD Operations ➢ Create Schemas • Update Documents • Delete Documents • Query Documents • Insert Documents Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay MONGOOSE (OBJECT DOCUMENT MAPPING) ➢ Introduction to Mongoose ➢ What is mongoose ➢ Why use mongoose ➢ Schemas ➢ Schema types ➢ Connecting mongodb to express ➢ Models ➢ Documents ➢ Queries ➢ Validation and Error Handling ➢ Timestamp COOKIES AND SESSIONS ➢ Introduction to sessions and cookies • What are cookies and sessions • How to create and send cookies • How to read cookies and change them. ➢ Authentication • JWT(JSONWebToken) • Passport js ERROR HANDLING ➢ Using try and catch • Error handling • Creating custom error ➢ DEBUGGING • Debugging errors in express app. Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay FUNDAMENTALS OF REACTJS ➢ Components and props ➢ States ➢ Hooks ➢ Redux ➢ Typescript ➢ Forms ➢ State Management ➢ Firebase Website: www.capacitybay.org Email: capacitybay@gmail.com Tel: +1 301 32 4407/ +234 818 568 5922 / +234 814 722 9497 YouTube: CapacityBay
