Skip to content

This repo is for linkedin learning course: AI-Powered Web Development: Strategies, Tips, and Tricks

License

Notifications You must be signed in to change notification settings

LinkedInLearning/ai-powered-web-development-strategies-tips-and-tricks-5979164

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI-Powered Web Development: Strategies, Tips, and Tricks

This is the repository for the LinkedIn Learning course AI-Powered Web Development: Strategies, Tips, and Tricks. The full course is available from LinkedIn Learning.

AI-Powered Web Development: Strategies, Tips, and Tricks

Effective use of AI coding assistants can speed up and improve the software development process through rapid code generation, iteration, experimentation, and a modern take on test-driven development (TDD). Apply AI tools to build and expand coding projects, create new components by generating fit-for-purpose boilerplate code, validate projects with AI-generated tests, automatically document and expand projects, and more. The course covers building new projects from scratch as well as using AI to upgrade and refactor existing codebases.

Learning objectives

  • Evaluate the capabilities of various AI coding assistants and integrate them into the software development workflow to enhance productivity and code quality.
  • Design and implement code components, leveraging AI tools to generate code templates, expand functionality, and build new features from developer instructions.
  • Analyze existing codebases, using AI-driven refactoring techniques to optimize code structure, update legacy code to modern standards, and improve overall maintainability.
  • Develop test cases and apply test-driven development (TDD) methodologies with AI assistants, generating comprehensive tests and validating code functionality to ensure reliability.
  • Iterate on different coding approaches and solutions, using AI tools to explore alternative implementations, refine code, and innovate beyond conventional programming paradigms.

Instructions

This repository is a starting point for your exploration. It provides a baseline React.js application running on Vite, found in the ./chatty-app/ folder. As you follow along in chapter 2, you can use this project to experiment with the same prompts and techniques demonstrated in the course.

Important

The exercise files found in the ./chatty-app/ folder do not porgress with the course. The folder is a starting point for your exploration, and as you use AI coding tools, your code will be different than what you see in the course. You do not need to match the code in the course exactly, and you can use the ./chatty-app/ folder as a sandbox to experiment in any way you like.

Installing

To run the app in the ./chatty-app/ folder:

  1. Navigate to the ./chatty-app/ folder in your terminal.
cd chatty-app
  1. Install the dependencies.
npm install
  1. Start the development server.
npm run dev
  1. Click the pop-up button or click the localhost link in terminal to view the app in a new browser tab.
  2. To stop the development server, type q in the terminal and press Enter.

Instructor

Morten Rand-Hendriksen

Senior Staff Instructor, Speaker, Web Designer, and Software Developer

Check out my other courses on LinkedIn Learning.

About

This repo is for linkedin learning course: AI-Powered Web Development: Strategies, Tips, and Tricks

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •