Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying AI-Assisted Programming for Web and Machine Learning
  • Table Of Contents Toc
  • Feedback & Rating feedback
AI-Assisted Programming for Web and Machine Learning

AI-Assisted Programming for Web and Machine Learning

By : Christoffer Noring, Anjali Jain, Marina Fernandez, Ayşe Mutlu, Ajit Jaokar
4.9 (11)
Buy this Book
close
close
AI-Assisted Programming for Web and Machine Learning

AI-Assisted Programming for Web and Machine Learning

4.9 (11)
By: Christoffer Noring, Anjali Jain, Marina Fernandez, Ayşe Mutlu, Ajit Jaokar
Buy this Book

Overview of this book

AI-Assisted Programming for Web and Machine Learning shows you how to build applications and machine learning models and automate repetitive tasks. Part 1 focuses on coding, from building a user interface to the backend. You’ll use prompts to create the appearance of an app using HTML, styling with CSS, adding behavior with JavaScript, and working with multiple viewports. Next, you’ll build a web API with Python and Flask and refactor the code to improve code readability. Part 1 ends with using GitHub Copilot to improve the maintainability and performance of existing code. Part 2 provides a prompting toolkit for data science from data checking (inspecting data and creating distribution graphs and correlation matrices) to building and optimizing a neural network. You’ll use different prompt strategies for data preprocessing, feature engineering, model selection, training, hyperparameter optimization, and model evaluation for various machine learning models and use cases. The book closes with chapters on advanced techniques on GitHub Copilot and software agents. There are tips on code generation, debugging, and troubleshooting code. You’ll see how simpler and AI-powered agents work and discover tool calling.
Table of Contents (25 chapters)
close
close
close
Preface
Icon
Who this book is for
Icon
What this book covers
Icon
To get the most out of this book
Icon
Get in touch
Free Chapter
1
It’s a New World, One with AI Assistants, and You’re Invited
Icon
Introduction
Icon
How ChatGPT came to be, from NLP to LLMs
Icon
The new paradigm, programming with natural language
Icon
About this book
Icon
Who this book is for
Icon
Evolution of programming languages
Icon
How to use this book
2
Prompt Strategy
Icon
Introduction
Icon
Where you are
Icon
Guidelines for how to prompt efficiently
Icon
Prompt strategy for web development
Icon
Prompt strategy for data science
Icon
Validate the solution
Icon
Summary
3
Tools of the Trade: Introducing Our AI Assistants
Icon
Introduction
Icon
Understanding Copilot
Icon
Understanding ChatGPT
Icon
Summary
4
Build the Appearance of Our App with HTML and Copilot
Icon
Introduction
Icon
Business problem: e-commerce
Icon
Page structure
Icon
Add AI assistance to our page structure
Icon
Challenge: vary the prompt
Icon
Use case: build a front for an e-commerce
Icon
Assignment
Icon
Challenge
Icon
Quiz
Icon
Summary
5
Style the App with CSS and Copilot
chevron up
Icon
Introduction
Icon
Business problem: e-commerce
Icon
Problem and data domain
Icon
Breaking the problem down into features
Icon
Prompting strategy
Icon
CSS, or Cascading Style Sheets
Icon
Assignment
Icon
Solution
Icon
Use case: style the e-commerce app
Icon
Challenge
Icon
Quiz
Icon
Summary
6
Add Behavior with JavaScript
Icon
Introduction
Icon
Business problem: e-commerce
Icon
Problem and data domain
Icon
Breaking the problem down into features
Icon
Prompting strategy
Icon
Adding JavaScript
Icon
Challenge
Icon
Use case: adding behavior
Icon
Assignment
Icon
Solution
Icon
Summary
7
Support Multiple Viewports Using Responsive Web Layouts
Icon
Introduction
Icon
Business problem: e-commerce
Icon
Problem and data domain
Icon
Breaking the problem down into features
Icon
Prompting strategy
Icon
Viewports
Icon
Use case: make our product gallery responsive
Icon
Assignment
Icon
Solution
8
Build a Backend with Web APIs
Icon
Introduction
Icon
Business domain: e-commerce
Icon
Problem and data domain
Icon
Feature breakdown
Icon
Prompt strategy
Icon
Web APIs
Icon
Creating a Web API with Python and Flask
Icon
Use case: a Web API for an e-commerce site
Icon
Assignment
Icon
Solution
Icon
Challenge
Icon
Summary
9
Augment Web Apps with AI Services
Icon
Introduction
Icon
Business domain, e-commerce
Icon
Problem and data domain
Icon
Feature breakdown
Icon
Prompt strategy
Icon
Creating a model
Icon
Coming up with a plan
Icon
Converting the model to ONNX
Icon
Loading the ONNX model in JavaScript
Icon
Assignment: Build a REST API in JavaScript that consumes the model
Icon
Solution
Icon
Quiz
Icon
Summary
10
Maintaining Existing Codebases
Icon
Introduction
Icon
Prompt strategy
Icon
Different types of maintenance
Icon
The maintenance process
Icon
Addressing a bug
Icon
Adding a new feature
Icon
Improving performance
Icon
Improving maintainability
Icon
Challenge
Icon
Updating an existing e-commerce site
Icon
Assignment
Icon
Knowledge check
Icon
Summary
11
Data Exploration with ChatGPT
Icon
Introduction
Icon
Business problem
Icon
Problem and data domain
Icon
Feature breakdown
Icon
Prompting strategy
Icon
Data exploration of the Amazon review dataset using the free version of ChatGPT
Icon
Data exploration of the Amazon review dataset using ChatGPT-4o
Icon
Assignment
Icon
Challenge
Icon
Summary
12
Building a Classification Model with ChatGPT
Icon
Introduction
Icon
Business problem
Icon
Problem and data domain
Icon
Breaking the problem down into features
Icon
Prompting strategy
Icon
Building a sentiment analysis model to accurately classify Amazon reviews using the free version of ChatGPT
Icon
Building a sentiment analysis model to accurately classify Amazon reviews using ChatGPT-4 or ChatGPT Plus
Icon
Assignment
Icon
Challenge
Icon
Summary
13
Building a Regression Model for Customer Spend with ChatGPT
Icon
Introduction
Icon
Business problem
Icon
Problem and data domain
Icon
Breaking the problem down into features
Icon
Prompting strategy
Icon
Building a simple linear regression model to predict the “Yearly Amount Spent” by customers using the free version of ChatGPT
Icon
Learning simple linear regression using ChatGPT Plus
Icon
Assignment
Icon
Challenge
Icon
Summary
14
Building an MLP Model for Fashion-MNIST with ChatGPT
Icon
Introduction
Icon
Business problem
Icon
Problem and data domain
Icon
Breaking the problem down into features
Icon
Prompting strategy
Icon
Building an MLP model to accurately classify the Fashion-MNIST images using the free version of ChatGPT
Icon
Assignment
Icon
Challenge
Icon
Summary
15
Building a CNN Model for CIFAR-10 with ChatGPT
Icon
Introduction
Icon
Business problem
Icon
Problem and data domain
Icon
Breaking the problem down into features
Icon
Prompting strategy
Icon
Building a CNN model to accurately classify the CIFAR-10 images using the free version of ChatGPT
Icon
Assignment
Icon
Challenge
Icon
Summary
16
Unsupervised Learning: Clustering and PCA
Icon
Introduction
Icon
Breaking the problem down into features
Icon
Prompt strategy
Icon
Customer segmentation
Icon
Product clustering for an e-commerce project
Icon
Reflection on prompts for this use case
Icon
Assignment
Icon
Solution
Icon
Summary
17
Machine Learning with Copilot
Icon
Introduction
Icon
GitHub Copilot Chat in your IDE
Icon
Dataset overview
Icon
Steps for data exploration
Icon
Prompt strategy
Icon
Your initial data exploration prompt: Prompt 1, setting the high-level context
Icon
Step 1: Load the dataset
Icon
Step 2: Inspect the data
Icon
Step 3: Summary statistics
Icon
Step 4: Explore categorical variables
Icon
Step 5: Distribution of ratings
Icon
Step 6: Temporal analysis
Icon
Step 7: Review length analysis
Icon
Step 8: Correlation analysis
Icon
Step 9: Additional exploratory analysis
Icon
Step 10: Text Preprocessing
Icon
Step 11: Word Frequency Analysis
Icon
Step 12: Sentiment Score Calculation
Icon
Step 13: Visualize the Distribution of Sentiment Scores
Icon
Step 14: Analyze the Relationship Between Sentiment Score and Other Variables
Icon
Assignment
Icon
Solution
Icon
Summary
18
Regression with Copilot Chat
Icon
Introduction
Icon
Regression
Icon
Dataset overview
Icon
Prompt strategy
Icon
Evaluate the model
Icon
Assignment
Icon
Summary
19
Regression with Copilot Suggestions
Icon
Introduction
Icon
Dataset overview
Icon
Prompt strategy
Icon
Start coding with Copilot’s help
Icon
Assignment
Icon
Summary
20
Increasing Efficiency with GitHub Copilot
Icon
Introduction
Icon
Code generation and automation
Icon
Copilot commands
Icon
Debugging and troubleshooting
Icon
Code review and optimization techniques
Icon
Workspace
Icon
Visual Studio Code lookup
Icon
Terminal
Icon
Assignment
Icon
Challenge
Icon
Quiz
Icon
Summary
21
Agents in Software Development
Icon
Introduction
Icon
What are agents?
Icon
Simpler agents versus agents using AI
Icon
Simpler agents
Icon
Advanced conversations
Icon
Autonomous agents
Icon
Assignment
Icon
Challenge
Icon
Quiz
Icon
Summary
Icon
References
22
Conclusion
Icon
Conclusion
Icon
Recap of the book
Icon
Major conclusions
Icon
What’s next
Icon
At last
23
Other Books You May Enjoy
Icon
Other Books You May Enjoy
24
Index
Icon
Index

Use case: style the e-commerce app

Now that you’ve carried out an assignment where you created both a CSS file and an HTML file, you should have a better understanding of how to write prompts and generate and accept suggestions from GitHub Copilot. Let’s now recall the beginning of this chapter, where we talked about the business problem and the e-commerce domain. We will now continue to solve problems in this domain but focus on visualization using CSS.

We will continue with the use case we started with in the previous chapter: our e-commerce store. We will focus on the basket page and leave the remaining pages for you to implement.

Basket page

To style our basket HTML page, we create a basket.css file and then we observe what CSS classes we introduced in the basket.html file. Let’s take a look at a representative snippet:

<div class="container">
        <div class="basket">
            <h1>Basket</h1&gt...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 9
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY