Explore components and features of the Java Spring Framework and using them to create enterprise Java applications in this 14-video course. Discover how to install and configure the framework, build a Rest API, work with the Spring Data component to access and write to a database, and use Spring Security to secure an full stack application. Key concepts covered here include Spring Framework components and features and reasons to develop web services with the Spring MVC Framework; building a REST API (application programming interface) using the Spring Framework; and learning the mission of Spring Data and features of common modules. Use the Spring Data JPA module to access and write data to a database; learn authentication and authorization and the components of Spring Security; secure an application using Spring Security and basic configuration; and examine inversion of control, the BeanFactory, and Bean scopes. Finally, use the BeanFactory to create Beans using the Spring Framework; learn the components and features of the Spring MVC Framework; and use the Spring MVC Framework to create simple web applications.

In this 13-video course, discover the browser features that are important to full stack developers and how CSS (Cascading Style Sheet) preprocessors make adding styles to a web page and web site easier, especially when the site becomes large. Begin with custom elements and creating new HTML tags. Then take a look at the Shadow DOM (Document Object Model), and avoid conflict by creating separate DOM elements. Next, explore HTML templates, and writing markup that is not rendered. Learn about Cross-Origin Resources Sharing (CORS), which leads to setting up and installing Sass preprocessor, and using variables and nesting to speed up CSS development. Learn how to set up and install LESS, a CSS preprocessor, and then examine workings of LESS variables and mixins (functions allowing reuse of properties). Discover how to use LESS Scope to confine variables, add an operation, and implement a function. Then learn how to install Stylus by using Node.js, and then write simple markup with Stylus. Close the course with an exercise on using LESS mixins to combine styles into a nest pattern.

Several development activities can be automated with the use of special software that is mostly built with Javascript. In this 11-video course, learners explore some of this software, including bundlers such as Webpack and Browserify, task runners such as Grunt and Gulp, and the Yeoman build tool to help with full stack development. Git and GitHub help with saving and collaborating, as well as cloud storage. Begin with setting up and configuring a Webpack in a NodeJS environment; then follow an introduction to Grunt, which is installed via NPM for the Node application, and the jsHint package to lint (check) the files. Next, learn how to install Gulp.js and create tasks. Explore Browserify for front-end development, using NPM modules in browsers; examine Scaffold with Yeoman, a scaffolding type of technology; and apply a generator to a project. You will learn how to install Git and create an account, then add a branch and merge it with the master, push files to GitHub, and clone files from GitHub. The concluding exercise directs you to install Git and work with it locally.

In this 13-video course, learners can explore the new features of HTML5 and CSS3 that can be used to make development easier and provide a better user experience, as well as where and when these features may be applied. Begin by examining the role that HTML forms play in Full Stack Development (FSD), then looking at local storage options on the client. Learn what web workers are and how to configure them, and also the stages in the service worker lifecycle. Examine web sockets and the need for persistent communication with the server. Learn how to implement Server Sent Notifications (SSN) using NodeJS. Then explore layouts, working with columns, widths, and sizes, and CSS Flexbox, by applying flex directives to styles. Next, take a look at the various selectors in CSS, then styling forms by choosing appropriate styling for form development, and finally, how to use app-specific rules, or media queries, to make your web page responsive. The exercise involves designing a popular three-column webpage layout format.

Discover how to add front-end development frameworks such as AngularJS, ReactJS, and VueJS to increase page dynamism and responsiveness, as well as shorten development time and handle data. Key concepts covered in this 12-video course include how to identify the main parts of an Angular app, explore two different types of forms, reactive forms and template-driven forms, and build a simple Angular 7; apply the HttpClient module to fetch data from external sources such as an API; enhance the user experience with Router; and use a content delivery network (CDN) to access the VueJS library. You will also learn to use VueJS to combine a value in a form field to an app being built; to access and get data from an external source; and to convert an existing boilerplate app into a component for full stack development. Finally, learn to install and configure the VueJS command-line interface (CLI); learn to install Bootstrap and connect it to an Angular connection; and add the Bootstrap navbar and table to an existing Angular application.

Javascript web development requires a supporting architecture, and Node provides the back-end support that most front-end development code needs. In this 12-video course, learners will explore Node Package Manager (NPM), a tool that installs supporting software for most front-end development for full stack development. To begin, NodeJSJSON package configuration will be downloaded and installed and the command NPM init will be used to create a package .json file; then a simple NodeJS server will be built. You will learn about the importance of the HTTP module and how to use Node's NPM to install a package, Express, then add routes and accept parameters with Express. Next, learn how to modularize the application with JS Files by decomposing the app with Node modules, and then implement controllers to handle the logic. In a further tutorial, you will continue working with Node.js by learning how to work with the host file system. Finally, you will discover how to work with MySQL database using Node and retrieve records. In the closing exercise, learners will build a simple NodeJS server.

In this 10-video course, explore testing frameworks that are used to assist with testing Javascript (JS) applications, including Mocha, Chai, Enzyme, and Jest. Examine the different types of testing for full stack development-unit, integration, and functional-and the use of component testing in a ReactJS application with snapshots. Begin by learning more about testing JS applications and the various types of tests you can run. Then receive an overview of the browser development tools for app development and take a close look at browser developer tools, specifically the DOM (document object model) inspector, and the CSS (cascading style sheet) Manipulator, examining page styles and how to dynamically change any of these styles. Learn how to run simple tests with NodeJS, Mocha, and Chai, and to install Jest and Enzyme in a ReactJS application. Then test a custom component with Jest and Enzyme. Finally, explore snapshot testing, by using a renderer package to create a snapshot. The closing exercise involves creating and testing a boilerplate app.

React is a framework used to create dynamic web pages and is powered by Javascript. In this 13-video course, you will learn how to install and configure ReactJS, how components form the basis of a React application, and how to build and organize components. Key concepts covered in this course include how to install ReactJS and use create-react-app; add a simple component; configure a component for props and state; and convert a functional component to use classes. You will learn to pass data back and forth between apps and the main component; install a React router; and consolidate parts into a whole page. Next, see how to integrate existing HTML into ReactJS components; explore routing and linking of components; and add HTML to existing components; render data from an API call. Finally, learn to organize components for future scaling; link the various components; add and configure a new component; configure a form to post data; and how to access an external API in order to get and post data.

Browsers create events, and it is the role of Javascript (JS) to handle those events. The main unit of Javascript is the function, and this 12-video course helps identify the role of the function within JS for full stack development. Begin by learning an important application programming interface in JS, the XMLHttpRequest Object-an object allowing developers to transfer data between clients: browser and web server, for example. Next, discover how to use AJAX (Asynchronous JS and XML) to reload content in an HTML page. Take a close look at the Document Object Model (DOM), used to identify and manipulate the content of HTML elements. Learn about developing JSON objects, validating form values, and JS hoisting and scope. Examine the many different ways to use functions in JS; learn how promises work; and apply callbacks within a function. Discover how to simulate inheritance with factory functions, and how to extract variable value by using a closure. The course concludes with an exercise on building a factory function with conventions, ES6 shortcuts, and arrow functions.

In this 12-video course, discover how using jQuery, a wrapper for Javascript functionality, can reduce the amount of code required and abstract away complexity of vanilla JS code development. Begin by exploring jQuery syntax and pattern and writing a jQuery method to perform simple tasks. Examine powerful features of jQuery events, and learn to apply methods to register behaviors for full stack development. Next, see how jQuery handles the document object model (DOM), identifying and manipulating content of HTML elements with chaining and using AJAX (Asynchronous JS and XML) to reload content in an HTML page; and adding handlers to work with deferred objects. Move on to callbacks, and how to write asynchronous code with callbacks, and requirements for jQuery plugin development. Learn to implement a jQuery validator to help validate fields in a form; then examine the relationship between CSS (Cascading Style Sheet) selectors and jQuery selectors, by selecting DOM elements using CSS-related properties. Associating arbitrary data with DOM elements is also covered. The exercise involves using AJAX to call an API on the public domain.

In this 10-video course, learners will discover the Full Stack Development (FSD) methodology, including how it differs from traditional methodologies, how to identify the advantages and disadvantages associated with using the FSD methodology; and how to begin the transition towards utilizing it in your projects. Key concepts covered in this course include the basics involved in the FSD methodology; the fundamentals associated with the Agile development methodology; and major differences between the Waterfall and Agile development methodologies. You will explore the influence Agile development had on the FSD methodology; examine the advantages and disadvantages associated with using the FSD methodology and the various components involved; and learn some of the most common stacks used with the FSD methodology and how to identify factors influencing which full stack technology option is best for you. Finally, compare the Waterfall and Agile methodologies; learn the FSD pros and cons; learn common FSD technology stacks; and determine the best stack to use for projects.

This 13-video course allows learners to explore back-end languages, technologies, and frameworks used in front-end development. A good full stack developer should have a clear understanding of what languages and frameworks are available across the full stack, and the advantages and disadvantages of different language choices. Key concepts covered in this course include the back-end languages, technologies frameworks used in full stack development; how to configure the enterprise service bus, a software architecture connecting all services together using a bus-like infrastructure; and typical uses of enterprise service bus, including as a transaction manager, as a security manager, and as a proxy service. You will also explore JavaScript middleware frameworks (any software between an application and the network); compare SOAP versus REST API calls; and learn to compare SQL and NoSQL databases. Next, learn to configure NodeJS, Ruby on Rails; Django and Python, Docker containers, Firestore Document DB, ASP.NET and MVC; and review what you learn about back-end languages and technologies with a concluding exercise.

Explore front-end frameworks, front-end languages, and tools used for development in full stack starting with a primer of front-end languages and frameworks in this 13-video course. Explore various Javascript (JS) front-end frameworks and CSS front-end frameworks, responsive web design, serverless integration using Firebase, and container integration using Docker. Key concepts covered in this course include front-end languages and frameworks in full stack-a hybrid combination of front- and back-end development, the visual aspects of a web app; using JS front-end frameworks with CSS front-end frameworks; and examining the details and configure JS front-end frameworks such as React, Angular, Ember, VueJS, and BackboneJS for building the visual aspects of a web app. Then examine the details and configure CSS front-end frameworks such as Bootstrap, Foundation by ZURB, Semantic UI, Pure by Yahoo, and UIkit by YOOtheme; configure serverless integrations using Firebase and container integration and services using Docker; and learn responsive web design best practices with the frameworks, languages, and tools used for front-end development.

Learners can explore security planning methods and common security and data breach concerns in this 14-video course. Discover best practices for logging and monitoring data security breaches for full stack development, the OWASP best practices, and how to integrate security into the CI/CD pipeline. Key concepts covered in this course include security planning methods and common database security and data breach concerns; best practices for using DB logs to analyze for security and data breaches; and the OWASP security list and its benefits during software development and deployment. Learn how to incorporate data security testing into the CI/CD pipeline; learn the available data Functional Specification Document (FSD) platforms and strengths and weaknesses of each platform; and learn how to install and configure MySQL database locally. Next, learn how to secure a Microsoft SQL Server deployment; harden a local PostgreSQL installation; and secure a MongoDB Atlas cloud database deployment. Finally, learn to harden a deployment of Apache Cassandra; deploy and secure a SQL database on Azure; and create a MySQL instance and database using Google Cloud.

Full stack developers rely on numerous technologies and frameworks. In this 13-video course, discover tools used to test front-end user interfaces, databases, web API (application programming interface) services, and back-end code. Key concepts covered here include full stack Javascript toolkits and their use in projects; how to test various full stack frameworks; and testing methodologies, and how they apply to full stack testing and when to use each testing method. Learn full stack security testing best practices and apply these to your code; compare the pros and cons of UI testing tools; and compare structural, functional, and nonfunctional testing and how it applies to database testing. Next, learn advantages and pitfalls of usability testing and identify usability testing parameters; compare test cases for full stack API testing and the API testing approach; and configure an application using Docker and perform functionality testing. Finally, examine components of the ELK stack and how to use it to analyze software testing logs; full stack toolkits and full stack software testing; performance testing, database testing, and API testing.