Full Stack Development with React and Node.js in Karachi, Lahore, Islamabad, Pakistan

Full Stack Development with React and Node.js

Blockchain technology is poised to revolutionize the way the digital world handles data and does business. Initially created as a platform for supporting Bitcoin, Blockchain is demonstrating a level of versatility and security that has made many sectors of business and government take notice and begin putting it to their use.

With that in mind, it makes sense that if you want to jump into a career that has a lot of potential for growth, featuring a dynamic new technology that’s just getting started, then you should consider becoming a Blockchain developer.

Courses Key Learning

Build a complete blockchain-powered cryptocurrency from scratch.
Understand and fluently converse on the core software engineering concepts behind blockchain and cryptocurrencies.
Create unique blockchain-centric solutions to real work problems and business applications.
Build proof-of-work based systems.
Create backend Node JS servers, with an express API and full testing suite.
Build server-to-server systems with real-time networking capabilities.
Build frontend web applications, particularly with React JS.
Deploy full-stack projects for wide use by the public.
Employ software best practices and coding conventions to write clean, scalable code.

Course outline

Module-1 (Web Development Fundamentals)

• Understand how websites work and how HTML, CSS and JavaScript contribute.
• Understand how the internet works.
• Start coding with HTML, CSS, and JavaScript.
• Learn and understand git, GitHub and version control.
• Use the Unix command line to become a power user and write bash commands.
• Learn key troubleshooting and debugging skills to apply to your projects

Module-2 (Html-5)

• Learn the anatomy of HTML syntax to structure your websites.
• Understand the HTML boilerplate and HTML doctypes.
• How to structure text in HTML.
• How to structure HTML lists to create unordered and ordered lists.
• How to insert images using HTML
• How to create hyperlinks using anchor tags.
• Understand how to use HTML tables for content.
• How to use tables for layout.
• Learn HTML best practices.
• Understand about HTML forms and create a simple contact me form.
• HTML Divs and how to separate content for CSS styling.

Module-3 (CSS-3)

• Understand what are cascading style sheets and how you can use it to style your website.
• How to use CSS selectors and properties.
• Learn about how to use inline, internal and external CSS.
• Understand CSS coding best practices.
• Learn about CSS sizing methods.
• Learn the anatomy of CSS syntax and structure.
• CSS specificity and implementing style hierarchy.
• Class vs. Ids and how to target each.
• CSS display and how to implement layout.
• How to use CSS static, relative and absolute positioning systems.
• Font styling using CSS and web safe fonts.
• Centering elements using CSS.
• Website design fundamentals and typography.
• How to use CSS float and clear.
• How combine CSS selectors and understand selector priority.

Module-4 (BootStrap-5)

• Learn the fundamentals of implementing responsive web design.
• How to use Balsamiq to mockup and wireframe websites.
• The fundamentals of UI design for websites.
• How to install the Bootstrap framework.
• Understanding the Bootstrap grid layout system.
• How to use bootstrap containers to layout your website easily.
• Learn to use other Bootstrap components such as buttons.
• Adding symbols using Font Awesome.
• Learn to use Bootstrap carousels.
• Add Bootstrap cards to your website.
• Using Bootstrap navigation bars

Module-5 (JavaScript ES-6)

• Starting code with alerts and prompts.
• Understand Variables and Data Types in JavaScript
• Variable naming in JS
• Working with strings and numbers
• logical operators
• Loops, collections and Conditionals.
• Functions and invocation patterns
• Discussion of ECMAScripts
• Intermediate JavaScript
• Learn to use JS Expressions, Operators, Statements and Declarations
• Object-Oriented Programming
• JS Objects and Prototypes
• `This`, Scope and Closures
• Objects and Prototypes
• Refactoring and Debugging

Module-6 (Document Object Model-DOM)

• Learn the tree structure of HTML based websites.
• Traverse through the document using object notation.
• Separation of concerns and coding best practices.
• Manipulate and change the HTML elements using your understanding of the DOM.

Module-7 (UNIX Command line)

• How to use basic bash commands in a Unix/Linux Terminal.
• How to manipulate files and folders without needing a graphical user interface.
• How to download and install to your computer using command line
Module-08 (GIT github and Version Control)
• Using git for version control and collaboration
• Git forking, branching and cloning
• Using GitHub as a remote repository
• Checkout and rolling back changes with git
• Using git and GitHub with vscode/

Module-8 (GIT github and Version Control)

Using git for version control and collaboration
• Git forking, branching and cloning
• Using GitHub as a remote repository
• Checkout and rolling back changes with git
• Using git and GitHub with vscode

Module-9 (Node.js)

• Explore the components of back-end development, working with an MVC framework
• Apply concepts like data types, objects, methods, objectoriented programming, and classes in the context of backend development.
• Server-Side JavaScript
• Using Node on the command line
• NPM
• JavaScript Build Processes
• Event Loop and Emitters
• File System Interaction
• Modules
• Native Node drivers.

Module-10 (Express.js)

• Understand how to install and use express in Node applications
• Creating Node and Express based servers
• RESTful Routing with Express
• Understand and use middleware for Node applications

Module-11 (Application Programming Interface-APIs)

• Understand what APIs are and how they work.
• HTTP in Depth
• Calling APIs
• Reading API documentation
• Basic API Authentication
• Server to server communication JSON vs. XML, sending data over the wire.

Module-12 (Database Fundamentals)

• Data Relationships
• Designing a Data Model
• Relational Databases
• Alternative Databases
• Entity Relationship Modelling (ERM) and Object Relational Mapping (ORM)

Module-13 (SQL Databases)
• Working with Database Schemas
• Create-Read-Update-Destroy (CRUD)
• Database Joins
• Querying SQL databases

Module-14 (Mongo-DB)

• Serialization
• How to model NoSQL data
• Document Databases (MongoDB)
• Create-Read-Update-Destroy (CRUD)
• NoSQL Best Practices
• Mongo Shell and command line use
• Installing MongoDB
• Mapping relationships with MongoDB
• Using an object-data modelling library (Mongoose) to work easily with your data.

Module-15 (Deployment)

• Understand hosting and deployment.
• Hosting static websites with GitHub Pages.
• Deploying server based applications with Heroku.
• Deploying Databases with Mongo Atlas.

Module-16 (Building Restful APIs)

• Understand REST and guiding principles behind API design.
• Learn to work with a MongoDB GUI Robo 3T
• Implementing GET, POST, PUT, PATCH and DELETE by creating a public API from scratch.
• Understand and use chained route handlers from Express.

Module-17 (Authentication And Security)

• Understand the need for authentication and keeping user details secure.
• Learn about Encryption and use encryption to keep your database secure.
• Learn and implement Hashing and Salting with bcrypt Using Sessions and Cookies to persist user log in sessions.
• Setting up local authentication from scratch.
• Implementing Passport to authenticate users quickly and effectively.
• Understand and use environment variables to keep secret keys secure.
• Understand and use OAuth 2.0 to log in users using Google and Facebook.

Module-18 (React.JS)

• Learn front-end development with React.
• Understand when and how to use React Components.
• Learn to pass Props and work with them.
• Learn to write JSX and understand JSX syntax.
• Learn about the React DOM.
• Learn State Management in React.
• Learn about React Hooks.
• Learn about conditional rendering in React.
• Understand the difference between class and functional components.

Module-19 Final Project

Requirements

Experience with the command line and the essentials of an operating system.
Knowledge in at least one programming language.
Familiarity with how web development works.

Who this course is for

This course is suited for someone who has experience in at least one programming language. This course moves through coding essentials at a quick pace. Your experience in one other language will definitely help.
Perfect for anyone who already knows a bit of JavaScript. This course is 95% JavaScript based, so any JS experience will be extremely useful.
This course is not suited for complete beginners to programming. You will find that the course moves too quickly if you’ve never coded before. However, a persistent student may be able to learn coding in this course, if that student is willing to be patient with a lot of supplemental reading and research.