Get this course ($1,300.00)

GetOn Courses

Digital Marketing (DM1)


Description
Welcome to “Digital Marketing and Front-End Web Design,” a comprehensive programme designed to equip you with the essential skills and knowledge required to excel in the digital marketing landscape and create visually appealing, user-friendly websites.

This programme is perfect for aspiring digital marketers, web designers, and business owners looking to enhance their online presence.

Please use a headset or speakers as there are demonstration videos throughout the course.

Content
  • Orientation
  • About this programme
  • Frontend Web Design
  • Module 1
  • Introduction to front-end web design
  • 1.1 Terminology related to the role of the front-end web designer
  • 1.2 The role, functions, and value of a front-end web designer
  • 1.3.1 Uses of the internet, the web, mobiles and social media
  • Frontend Web Design: Assignment Activity 1
  • 1.3.2 Uses of the internet, the web, mobiles and social media
  • Frontend Web Design: Assignment Activity 2
  • 1.3.3 Uses of the internet, the web, mobiles and social media (clone)
  • Frontend Web Design: Assignment Activity 3
  • 1.3.4 Uses of the internet, the web, mobiles and social media (clone) (clone)
  • Frontend Web Design: Assignment Activity 4
  • 1.3.5 Uses of the internet, the web, mobiles and social media
  • 1.4 Application of UX design in business
  • 1.5 Fundamentals and the legal implications of UI design
  • Module 2
  • 2.1 Terms and definitions relating to front-end web design and design thinking
  • 2.2 Introduction to design thinking
  • 2.3 The human element and principles of design thinking
  • 2.4.1 Creativity
  • Frontend Web Design: Assignment Activity 5
  • 2.4.2 Creativity
  • Frontend Web Design: Assignment Activity 6
  • 2.4.3 Creativity
  • Frontend Web Design: Assignment Activity 7
  • 2.4.4 Creativity
  • Frontend Web Design: Assignment Activity 8
  • 2.4.5 Creativity
  • Frontend Web Design: Assignment Activity 9
  • 2.4.6 Creativity
  • 2.5 Innovation
  • 2.6 Design
  • 2.7 Application of design thinking
  • Module 3
  • 3.1 Visual design
  • 3.2 Look and feel
  • 3.3.1 Creative writing
  • Frontend Web Design: Assignment Activity 10
  • 3.3.2 Setting search words and phrases
  • Module 4
  • 4.1 User experience
  • 4.2 Engaging the emotions of the user
  • Frontend Web Design: Assignment Activity 11
  • 4.3 User personas
  • 4.4 Information architecture
  • 4.5 User flows
  • 4.6 Create web layouts
  • 4.7 UX designer tasks and responsibilities
  • Module 5
  • 5. 1 User interfaces
  • 5.2 UI elements
  • 5.3 User flows
  • Frontend Web Design: Assignment Activity 12
  • 5.4.1 Key principles of user interface
  • Frontend Web Design: Assignment Activity 13
  • 5.4.2 Key principles of user interface
  • Module 6
  • 6.1 Best practices and principles for interface design
  • 6.2 Allow users to navigate easily via shortcuts
  • 6.3 Provide informative feedback
  • 6.4 Design dialogue to yield closure
  • 6.5 Support internal focus of control
  • 6.6 Minimise short-term memory load
  • 6.7 Seek universal usability
  • 6.8 Prevent errors
  • 6.9 Permit easy reversal of actions
  • 6.10 SEO and keyword planning
  • Frontend Web Design: Assignment Activity 14
  • 6.11 Navigation tabs
  • 6.12 Progressive disclosure
  • 6.13.1 Key graphic design principles in UI
  • Frontend Web Design: Assignment Activity 15
  • 6.13.2 Repetition
  • Module 7
  • 7.1 Create layouts and prototypes
  • 7.2 Wireframes and sequence of wireframes
  • Frontend Web Design: Assignment Activity 16
  • 7.3 Prototyping and wireframes
  • Module 8
  • 8.1 The responsive design process
  • 8.2 Integration of plug-ins (optional)
  • Test 1
  • Test 2
  • Frontend Web Design: Summative Assessment
  • Frontend Web Design Summative Assessment
  • Frontend Web Design: How to develop a website
  • Module 1
  • 1.1 Introduction
  • 1.2 How the internet works
  • 1.3 The structure of a website and how web pages are served
  • 1.4 Methods for developing websites
  • 1.5 The reason for web design platforms and toolkits
  • 1.6 Web development tools and typical workflow for web development
  • 1.7 Core technologies of web design
  • 1.8 The relationship between a platform, HTML, CSS and JavaScript
  • 1.9 Progressing from using a platform
  • Module 2
  • 2.1 UX development Cycle
  • 2.2 Different approaches to the UX development cycle
  • 2.3 Selecting a suitable UX development cycle approach
  • 2.4 Research stage
  • 2.5 Design stage
  • Module 3
  • 3.1 Technology changes and the importance of keeping the website current
  • 3.2 Coding vs scripting vs plug-and-play (WYSIWYG)
  • 3.3 Available programming languages: Open source and proprietary
  • 3.4 Tools for Web Development
  • 3.5 Tools and Libraries
  • Module 4
  • 4.1 Introduction to IDE
  • 4.2 Strengths and weaknesses of the IDE (clone)
  • 4.3 Installing the IDE and getting started
  • 4.4 Create a new project using the IDE
  • 4.5 Make the Code More Efficient and Maintainable with Refactoring with the IDE
  • 4.6 Perform Debugging with the IDE
  • 4.7 Extend the IDE with Plugins/Extensions
  • 4.8 Use Version and Source Code Control with the IDE
  • 4.9 Perform Repository Management with the IDE
  • Module 5
  • 5.1 Principles of aesthetic design in web development
  • 5.2 Graphic design for frontend web development
  • 5.3 Types of graphics
  • 5.4 Creating and using image galleries on a web page
  • 5.5 Animation
  • 5.6 Stylesheets
  • Module 6
  • 6.1 Coding Fundamentals
  • 6.2 CSS Basics
  • 6.3 JavaScript Essentials
  • 6.4 Advanced Topics
  • Module 7
  • 7.3 Designing a website using a WYSIWYG platform
  • 7.4 Development Tools and Environment Setup
  • 7.5 Getting started using a WYSIWIG toolkit
  • Module 8
  • 8.1 Using a Framework to Design a Website
  • 8.2 Getting Started with Svelte
  • 8.3 Components And Props in Svelte
  • 8.4 Styling And CSS In Svelte
  • 8.5 Managing State in Svelte
  • 8.6 Routing and Navigation in Svelte
  • 8.7 Advanced Topics in Svelte
  • 8.8 Building and Deploying Svelte Applications
  • Module 9
  • 9.1 Design and create a responsive website
  • 9.2 Best Practices for responsive web design
  • 9.3 Understanding responsive design: Mobile-first vs desktop-first strategies
  • 9.4 Introduction to Accessibility
  • 9.5 Advanced Design and Development Techniques
  • 9.6 Web forms
  • Module 10
  • 10.1 Security and Data Protection
  • 10.2 Implementing secure user authentication and authorization
  • Module 11
  • 11.1 Development and Maintenance
  • 11.2 Doing Domain Registration in Frontend Web Development
  • 11.3 Website deployment process
  • 11.4 Continuous integration and deployment (CI/CD) practices
  • Module 12
  • 12.1 Getting started with restful APIs in frontend web development
  • 12.2 Setting Up the Environment
  • Test 3
  • Test 4
  • HOW TO DEVELOP A WEBSITE Final Assignment
  • How to develop a website Final Assessment
  • Digital Marketing
  • Module 1
  • Introduction to Digital Marketing
  • 1.1 Introduction to Marketing and digital Marketing
  • 1.2 Digital marketing
  • Module 2
  • Digital Marketing Strategies
  • 2.1 The customer value journey in marketing
  • 2.2 Introduction to Social Media
  • 2.3 Determining the strategy for digital marketing
  • Digital Marketing: Activity 1
  • 2.4.1 Content marketing on social media
  • Digital Marketing: Assignment Activity 2
  • 2.4.2 Steps in a content marketing strategy
  • 2.5 SEO and analytics
  • 2.6 Setting up and using a Facebook page for business
  • 2.7 Instagram as digital marketing tool
  • 2.8 Paid social media advertising
  • 2.9 Email marketing
  • Digital Marketing: Summative Assessment
  • Digital Marketing: Summative Assessment
  • Survey
  • Digital Marketing Survey
  • Portfolio of Evidence
  • Portfolio of Evidence
Completion rules
  • All units must be completed
  • Leads to a certificate with a duration: Forever
Back