Bootcamp Programming and Web Development Full Stack Developer

12h.

We will review the basic concepts, preparation of our development environment (OS, CLI) and basic programming knowledge (VSCode, from 0 to functions and agile methodologies), Basic programming concepts, VSCode, Basic programming. We will prepare the working environment, VSCode and CLI. programming logic, working environments, the same IDE that we will use during the programme.

1. Logical Programming
2. Programming basics
3. Working environment, VSCode, CLI.
4. Agile methodologies

27h.

First steps in Web Development with HTML5 and CSS. We will learn how the Internet and web servers work, the importance of design, and the different roles of each of the components. We will master the everyday elements of HTML and CSS.

1. Web Fundamentals
   • To know how the Internet and web servers work.
   • The importance of design
   • The different roles of each of the components
2. HTML5:
   • What is HTML
   • Basic elements Heading
   • Basic elements Paragraph
   • Tags Self Closing
   • Exercises
   • List item
   • Nesting and Identification
   • Anchor elements
   • Elements image
   • Exercises
   • Multiple websites
   • Html boilerplate
   • Web hosting
   • Hyperlinks.
   • Good practice in HTML.
3. CSS3
   • Introduction to CSS, why we need CSS
   • How to add CSS
   • CSS Selectors
   • Exercises
   • Properties:
   • CSS Colours
   • Sources
   • Inspect CSS
   • The Box model (margins, padding, borders)
   • How styles are applied - Cascading, specificity, inheritance
   • Combine selectors
   • Positioning in CSS
   • CSS Display
   • CSS Float
   • How to create responsive sites
   • Media Queries
4. Flexbox
   • Use of flexbox for layout design.
   • Basic understanding of Flexbox
   • Creation of flexible and adaptable designs.
5. Grid
   • Differences and applications between grid and flexbox.
   • Creation and organisation of layouts with grid.
   • Bootstrap
   • Installation and use of the Bootstrap framework.
   • 12-column layout system and components such as buttons, carousels and navigation bars.

30h.

We will delve into one of the most widely used programming languages: Javascript.
We will see elementary aspects such as syntax, data types, control structures, functions and object-oriented programming. Methods and manipulation of arrays and objects.

1. Javascript and Document Object Model (DOM)
   • Typed and untyped languages
   • Variables, Data types.
   • Conditional.
   • Cycles/Loops.
   • Functions.
   • Data Types, Variables, Naming Conventions
   • Strings, Concatenation, Slicing and Extraction.
   • Basic arithmetic
   • Expressions
   • Functions - creation and consumption
   • Parameters and arguments.
   • Random number generation.
   • If-else control, conditionals, logic. Compraction,
   • Arrays in Javascript
   • Loops for, while
   • Add Javascript to Websites
   • Introduction to the DOM
   • Solving the DOM challenge
   • Select HTML elements with Javascript
   • Manipulating and changing styles of HTML elements
   • Structure vs Style vs Behaviour
   • Text Manipulation and the Text Content property
   • Manipulating the attributes of HTML elements
   • Event management
   • Functions as arguments
   • Sounds
   • Switch
   • JS objects in depth
   • Wind listeners
   • Animation on a Website

18h.

We will learn TypeScript as a JavaScript-based language with the characteristic of being TYPED and OBJECT ORIENTED.

1. Basic concepts and the TypeScript development environment.
2. Use of primitive, special and complex types in TypeScript.
3. Declaration, typing of functions and objects
4. Interfaces and advanced types such as union, intersection and generics.
5. Techniques for error handling and debugging TypeScript code
6. Creating an App with TypeScript

36h.

We will delve into FrontEnd development through React, TypeScript and advanced CSS.

1. Fundamentals:
   • Introduction to React, components, props, state, hooks and routing.
2. Development:
   • Global status with Redux, advanced patterns, testing and optimisationGlobal status with Redux, advanced patterns, testing and optimisation
3. Styles and advanced design:
   • Advanced CSS, responsive design, CSS-in-JS and design frameworks Advanced CSS, responsive design, CSS-in-JS and design frameworks
4. Performance and front end optimisation:
   • Load and performance optimisation, lazy loading, SEO and analysis with Lighthouse.Load and performance optimisation, lazy loading, SEO and analysis with Lighthouse.
5. Progressive development and PWAs:
   • Implementation of Progressive Web Apps, Service Workers, push notifications and offline-first strategies.

24h.

We will start learning how to develop middleware with Node.js. Middleware is like the glue that binds different software components together, allowing them to work together in an efficient and coordinated way.

1. Backend development with Node.js.
2. Use of NPM, event loops, emitters and file system management.

9h.

Express.js is a minimalistic and flexible framework for Node.js that has become one of the most popular frameworks for server-side web application development. One of the key features of Express.js is its powerful middleware system.

1. What is Express.js
2. Create my own server with Express
3. HTTP requests
4. Postman
5. Introduction to Middleware
6. Customised middleware

12h.

Learning to use third-party APIs in middleware development allows you to extend the functionality of your applications, save time and resources, and create more complete and scalable solutions by leveraging external services and data from other sources.

1. Introduction to APIs
2. Structuring API requests
3. Postman
4. What is JSON
5. Make an API request on the Server side
6. API Authentication
7. Rest API
8. Public APIs

45h.

Understanding SQL and NoSQL databases is essential for any backend developer, as these technologies are the backbone of most modern applications. Each offers specific advantages and disadvantages, and the choice of one or the other will depend largely on the characteristics and requirements of the application.

1. Introduction to BD
2. Fundamentals of data modelling
3. Databases Relationships
4. Data models
5. Entity Relationship Mapping ERD
6. SQL vs No-SQL
7. Introduction to PostgreSQL
8. Installation
9. Types and keywords
10. pgAdmin to Create a table.
11. READ, SELECT, WHERE, LIKE, UINQUE, INSERT, ...
12. Relations
13. Introduction to MongoDB
14. Installation
15. Basic concepts
16. CRUD operations
17. Indices
18. Aggregations
19. Data models
20. Replication
21. Advanced: Sharding, Security, Backaup, Performance
22. Integration with applications

9h.

Understanding the design, implementation, documentation and maintenance of RESTful APIs is crucial for building modern, scalable web applications, as it enables clear and efficient interfaces for different systems to communicate with each other in a standardised way.

1. Design of RESTful APIs.
2. Implementation of CRUD operations.
3. Development, documentation and maintenance of RESTful APIs.

6h.

Understanding JWT and local authentication is essential for securing web applications, enabling secure identification of users and protecting their data.

1. Implementing and securing authentication with JWT and local methods

12h.

Learning Docker or containers is essential for production deployment because it facilitates the creation of consistent, isolated and scalable runtime environments, which speeds development, improves portability and ensures application reliability.

1. Container basics, working with images and containers.
2. Use of Docker Compose to manage the application and its dependencies.

6h.

Learning about application hosting and deployment is essential to bring your development projects to a production environment accessible to users.

1. Hosting and deployment of applications.
2. Use of GitHub Pages and Heroku.
3. Strategies and tools for automated deployment of applications

6h.

Web application security is a critical aspect of modern software development. We will explore the fundamental principles, best practices and key tools to secure your applications.

1. Principles and practices for securing web applications in production.
2. Principles of web security
3. Configuring HTTPS and SSL certificates
4. Management of secrets and environment variables
5. Security Testing (OWASP Top 10)
6. Security audits and monitoring

6h.

Post-deployment monitoring and management of applications is important to maintain the performance and availability of applications in production.

1. Post-deployment monitoring and management of applications.
2. Tools and techniques for application monitoring, logging, alerting, performance optimisation and incident management