loading reading lists ...
');
function adjustReadingListIcon(isInReadingList){
$readingListToggle.toggleClass("fa-plus", !isInReadingList);
$readingListToggle.toggleClass("fa-check", isInReadingList);
var tooltipMessage = isInReadingList ? "edit in reading lists" : "add to reading list";
$readingListToggle.attr("title", tooltipMessage);
$readingListToggle.attr("data-original-title", tooltipMessage);
}
$.ajax({
url: "/readingList/isInReadingList",
data: {
productId: 3732
}
}).done(function (data) {
adjustReadingListIcon(data && data.hasProductInReadingList);
}).catch(function(e){
console.log(e);
adjustReadingListIcon(false);
});
$readingListToggle.on("click", function(){
if(codePromise == null){ showToast() }
loadCode().then(function(store){
store.requestReadingListSpecificationForProduct({
id: window.readingListsServerVars.externalId,
manningId: window.readingListsServerVars.productId,
title: window.readingListsServerVars.title
});
ReadingLists.ReactDOM.render(
ReadingLists.React.createElement(ReadingLists.ManningOnlineReadingListModal, {
store: store,
}),
document.getElementById("reading-lists-modal")
);
}).catch(function(e){
console.log("Error loading code reading list code");
});
});
var codePromise
var readingListStore
function loadCode(){
if(codePromise) { return codePromise }
return codePromise = new Promise(function (resolve, reject){
$.getScript(window.readingListsServerVars.libraryLocation).done(function(){
hideToast()
readingListStore = new ReadingLists.ReadingListStore(
new ReadingLists.ReadingListProvider(
new ReadingLists.ReadingListWebProvider(
ReadingLists.SourceApp.marketplace,
getDeploymentType()
)
)
);
readingListStore.onReadingListChange(handleChange);
readingListStore.onReadingListModalChange(handleChange);
resolve(readingListStore);
}).catch(function(){
hideToast();
console.log("Error downloading reading lists source");
$readingListToggle.css("display", "none");
reject();
});
});
}
function handleChange(){
if(readingListStore != null) {
adjustReadingListIcon(readingListStore.isInAtLeastOneReadingList({
id: window.readingListsServerVars.externalId,
manningId: window.readingListsServerVars.productId
}));
}
}
var $readingListToast = $("#reading-list-toast");
function showToast(){
$readingListToast.css("display", "flex");
setTimeout(function(){
$readingListToast.addClass("shown");
}, 16);
}
function hideToast(){
$readingListToast.removeClass("shown");
setTimeout(function(){
$readingListToast.css("display", "none");
}, 150);
}
function getDeploymentType(){
switch(window.readingListsServerVars.deploymentType){
case "development":
case "test":
return ReadingLists.DeploymentType.dev;
case "qa":
return ReadingLists.DeploymentType.qa;
case "production":
return ReadingLists.DeploymentType.prod;
case "docker":
return ReadingLists.DeploymentType.docker;
default:
console.error("Unknown deployment environment, defaulting to production");
return ReadingLists.DeploymentType.prod;
}
}
});
}
});
Unlocking modern web development, mastering Angular 16, RxJS, responsive design, and real-world projects
pro $24.99 per month
- access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
- choose one free eBook per month to keep
- exclusive 50% discount on all purchases
lite $19.99 per month
- access to all Manning books, including MEAPs!
team
5, 10 or 20 seats+ for your team - learn more
Look inside
Dive deep into the core principles of Single Page Applications (SPAs) and understand why Angular stands out from other frameworks, gaining insights that will help you make informed decisions in your projects. We cover everything from setting up your development environment in Visual Studio Code to the intricacies of TypeScript, ensuring that you have a solid foundation to build upon.
Our hands-on approach means you’ll be writing code from day one. Explore JavaScript, ES6, and TypeScript basics, learning how these technologies come together to create robust web applications. You'll grasp essential programming concepts, understand data types, functions, events, and master the use of the "this" keyword.
Angular 16 brings a plethora of features and improvements, and you’ll learn how to leverage them to create highly interactive and responsive web applications. From creating components to understanding directives, routing, and component interaction, you’ll acquire the skills to handle complex development challenges.
RxJS and reactive programming are at the heart of Angular. This course offers an in-depth exploration of RxJS, teaching you how to manage asynchronous operations and data flow like a pro. You’ll work with Observables, Operators, and Subjects, unlocking patterns and techniques that are key to building high-performance applications.
We’ll integrate third-party libraries like Bootstrap, enhancing the visual appeal and responsiveness of your applications. Through real-world projects, you’ll apply your learning, reinforcing concepts, and building confidence in your abilities. By the end of this course, you’ll have a comprehensive understanding of Angular 16, RxJS, and the best practices in modern web development, poised to tackle complex projects and create seamless, efficient web applications.
Distributed by Manning Publications
This course was created independently by Meta Brains and is distributed by Manning through our exclusive liveVideo platform.
about the video
Tailored for developers and IT professionals, this course demystifies the complexities of developing Single Page Applications (SPAs) using Angular 16, one of the most popular and powerful web development frameworks today.prerequisites
- Basic programming knowledge
- Understanding of HTML, CSS, and JavaScript
- Familiarity with Node JS and npm
about the instructor
Meta Brains is a professional training brand developed by a team of software developers and finance professionals who have a passion for coding, finance, and Excel. They bring together professional and educational experiences to create world-class training programs accessible to everyone. Currently, they're focused on the next great revolution in computing: the metaverse. Their ultimate objective is to train the next generation of talent so we can code and build the metaverse together.
what's a liveVideo?
- Quality lessons from expert programmers.
- Rich, interactive transcripts for navigation.
- Exercise driven learning.
what's a liveVideo?
Angular 16 and RxJS: Build modern Single Page Applications liveVideo for free
