\newline Logo
Left arrow icon.
Go to Preview Lesson
Go to Preview Lesson
LESSON 3.3Adding and removing entries
Course Thumbnail of Interactive Vue.js Resume Builder.Interactive Vue.js Resume Builder
  • MODULE 1
    Introduction

    Learn why Vue.js is essential and a get a sneak-peak of the Resume Builder that you will untimatly create at the end of the this course.

    • LESSON 1.1Course introduction to "Build a Vue.js Resume"
    • LESSON 1.2Why you should learn Vue.js
  • MODULE 2
    Project setup & rendering the resume

    Set up the project and add basic markup and styling for your resume. You will also learn about the template, style, and script section in a Single-File component in Vue.

    • LESSON 2.1Project setup for building a Vue.js resume
    • LESSON 2.2Basic markup and styling
    • LESSON 2.3Component state and rendering data from it
  • MODULE 3
    Making the resume editable

    Make the resume content editable and learn about template directives, component methods, slots, props, conditional rendering, custom events for interacting between components, and class bindings.

    • LESSON 3.1Editing the resume content
    • LESSON 3.2Improving the code structure
    • LESSON 3.3Adding and removing entries
    • LESSON 3.4Toggling edit mode
  • MODULE 4
    Configurable resume styling

    Make the resume styling configurable and work on inline style binding and computed properties. Learn how to display, hide, and replace a picture by adding an upload functionality.

    • LESSON 4.1Make styling configurable
    • LESSON 4.2Configuring the photo
  • MODULE 5
    Exporting the pdf, saving the configuration, further steps

    Learn about lifecycle methods to save resume configutaion, and export the resume as a PDF. Learn how you can customize the resume builder further on your own.

    • LESSON 5.1Export resume as PDF
    • LESSON 5.2Save the resume configuration
    • LESSON 5.3Where to take it from here
Right arrow icon.
Go to Next Lesson
Go to Next Lesson
LESSON 4.1Make styling configurable
  • Go Pro
  • Courses
  • Interactive Vue.js Resume Builder
  • Toggling edit mode
  • Go To Previous Lesson
    Adding and removing entries
    Adding and removing entries

    Add and remove resume entries dynamically by learning how to work with arrays in Vue.js. Learn about conditional rendering with the v-if directive.

  • Go To Next Lesson
    Make styling configurable
    Make styling configurable

    Make styling configurable with Vue.js class and style binding. Create a color input component, a select component, and more.