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: 3196
}
}).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;
}
}
});
}
});
All the skills and tools you need to create modern, interactive, responsive websites
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
Are you interested in learning the skills and tools required to create modern, interactive, and responsive websites? The Front-End Web Developer Bootcamp is the course for you! In this comprehensive bootcamp, you'll learn HTML, CSS, JavaScript, and React—the building blocks of the web—and gain hands-on experience making dynamic and engaging web pages from scratch.
This course is designed for beginners who want to pursue a career in web development or simply want to learn how to create beautiful and functional websites. You’ll learn what the different tools can do, and then work on a series of projects so you can practice your new knowledge and skills. By the end of the course, you'll have a portfolio of projects to showcase your skills to potential employers or clients.
In this course, you will:
- Gain in-demand skills Front-end web development is a highly sought-after skill in today's job market. By mastering HTML, CSS, JavaScript, and React, you'll be well-positioned to land a job in a rapidly growing field.
- Learn from expert instructors Our experienced instructors have years of experience in the field and are passionate about sharing their knowledge with you. They created this course to help you progress at your own pace and achieve your goals.
- Practice with hands-on learning The best way to learn front-end web development is through hands-on experience. This course emphasizes practical projects that simulate real-world scenarios. You'll come away with a solid understanding of the tools and techniques used by professional web developers.
- Build a portfolio As you complete projects throughout the course, you'll build a portfolio of work that showcases your skills to potential employers or clients. This portfolio will demonstrate your ability to create responsive and engaging websites, which is essential in today's job market.
Distributed by Manning Publications
This course was created independently by Meta Brains and is distributed by Manning through our exclusive liveVideo platform.
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 both 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?
The Front-End Web Developer Bootcamp: HTML, CSS, JS and React liveVideo for free
