Lessons
Explore all newline lessons
lesson
Where to take it from hereInteractive Vue.js Resume BuilderExplore the documentation further and try it out in this app.
lesson
Save the resume configurationInteractive Vue.js Resume BuilderSave the resume configuration by learning about Vue.js lifecycle hooks, localStorage, and JavaScript Blob objects.
lesson
Export resume as PDFInteractive Vue.js Resume BuilderAdd an export as PDF functionality to the resume builder. Integrate the jsPdf library into your app.
lesson
Configuring the photoInteractive Vue.js Resume BuilderConfigure the photo of the resume builder. Learn how to upload an image as a data url and toggle visibility.
lesson
Make styling configurableInteractive Vue.js Resume BuilderMake styling configurable with Vue.js class and style binding. Create a color input component, a select component, and more.
lesson
Toggling edit modeInteractive Vue.js Resume BuilderCreate a Vue.js toggle switch component and toggle the edit mode in the resume builder app.
lesson
Adding and removing entriesInteractive Vue.js Resume BuilderAdd and remove resume entries dynamically by learning how to work with arrays in Vue.js. Learn about conditional rendering with the v-if directive.
lesson
Improving the code structureInteractive Vue.js Resume BuilderCreate Vue.js single file components and learn about slots, props, and custom events.
lesson
Editing the resume contentInteractive Vue.js Resume BuilderMake the resume content editable by learning the v-model and the v-on directive, methods, and how to handle events in Vue.js.
lesson
Component state and rendering data from itInteractive Vue.js Resume BuilderHow to render data from component state. Learn about Vue.js directives, and reactive rendering.
lesson
Basic markup and stylingInteractive Vue.js Resume BuilderAdd basic markup and styling to the resume app. Learn about scoped styling in Vue.js.
lesson
Project setup for building a Vue.js resumeInteractive Vue.js Resume BuilderHow to setup a Vue.js project. Use create-vue to generate a new project. Learn about folder and file structure in Vue.js.