Tag: Front End

Introduction

• Javascript and the world of frameworks
• Vue.js vs Angular

Overview of Vue JS

• Declarative rendering
• Component composition
• Hot-reloading
• Time-travel debugging

Crash Course in Javascript

• Syntax, data structures and operators, conditionals, etc.
• Creating a simple Javascript application using Javascript, HTML and CSS.

Getting Started Vue JS

• Setting up a development environment
• Installing Node.js and Vue.js

Creating Your First Application

• Working with Templates
• Methods and computed properties
• Routing

Interacting with the Application

• Directives and data rendering
• Applying transitions
• Managing state

Enhancing the Application

• Dividing the application into smaller, self-contained components
• Creating animations
• Refactoring components

Testing Your application

• Debugging and performance

Deploying Your Application

• Building the Application
• Uploading Your Code to a Web Server
• Automating the build process using Vue-CLI, etc.

Troubleshooting

Summary and Conclusion

• Introduction
• Overview of Vuetify.js
• Preparing the Development Environment
• Setting up Vue.js and Vuetify.js
• Using the Vue CLI
• Creating a Single-Page Application Project
• Preparing the Database
• Setting up Authentication
• Choosing a Vue Template
• Creating a Material Design based UI
• Setting up Routing
• Managing State
• Testing the Application
• Debugging the Application
• Deploying the Application
• Troubleshooting
• Summary and Conclusion

• Introduction
• Setting up the Development Environment with Vue CLI.
• Overview of Virtual Dom Concepts
• Creating a Project
• Building custom controlled components
• Reusing Code with Vue.js Mixins
• Extending Components Using Composition
• Building a Custom Directive
• Creating a Filter
• Applying Transitions (Enter/Leave)
• Creating an Efficient Routing System
• Sharing Data across Components (State Management with Vuex)
• Designing Compound Components
• Implementing Server-side Rendering
• Wrapping External Libraries
• Testing the Application
• Handling Errors with Vue Async Components
• Deploying the Application to Production
• Securing the Application
• Troubleshooting
• Summary and Conclusion

Introduction

• Vue.js vs Angular

Overview of Vue JS

• Declarative rendering
• Component composition
• Hot-reloading
• Time-travel debugging

Setting up a development environment

Creating your first application

Working with Templates

Dividing the application into smaller, self-contained components

Methods and computed properties

Reactive programming

Directives and data rendering

Applying transitions

Routing

Managing state

Creating animations

Refactoring components

Server-side rendering

Supporting libraries and packages.

• Routing
• State management
• Build tooling

Testing your application

Debugging and performance

Embedding Vue.js into existing pages

Deploying your application to production Vue-CLI

Scaling your application

Closing remarks

• Introduction to Alpine JS
• Installing Alpine JS
• Basic Alpine Components
• Visibility
• Models and X-ref
• Sidebars and Tabs
• Image Selection
• Scroll Detection
• Accordion Toggle and Loops
• Fetch and X-init
• Attribute binding
• Text and HTML
• Todo App and X-model
• Transitions
• Summary and Next Steps