Web Design and Development (Webmaster)

Web Design and Development Course for Webmasters

This program is designed to provide comprehensive training in design and development of professional websites and web applications, covering from the foundations of graphic design to advanced programming with PHP and MYSQL. The course prepares participants to obtain two international certificati…

185 hours
Official Certificate
Expert Instructors
Online Learning
Diseño y desarrollo web (Webmaster)
Microsoft It Academy logo

This program is designed to provide comprehensive training in design and development of professional websites and web applications, covering from the foundations of graphic design to advanced programming with PHP and MYSQL.

The course prepares participants to obtain two international certifications:

Programmer Fundament Software (Softf-001).

Zend Certified Php Engineer (200-710).

Al finalizar el curso, los participantes serán capaces de:

  • Diseñar y desarrollar sitios web multiplataforma para Windows y Linux
  • Dominar herramientas de diseño gráfico para la web, como Adobe Illustrator
  • Construir sitios web responsivos con HTML5, CSS3 y JavaScript
  • Desarrollar aplicaciones web dinámicas utilizando PHP y MySQL
  • Implementar bases de datos eficientes y seguras para proyectos web
  • Optimizar sitios web para SEO y SEM
  • Crear y administrar proyectos web empresariales desde la concepción hasta la implementación
  • Prepararse para la certificación Zend PHP Engineer

To participate in this training, attendees must meet the following requirements:

  • Basic computer literacy
  • This requirement ensures that participants can develop skills in web design and programming without initial technical difficulties

Diseño y desarrollo web (Webmaster) Applies
Diseño y desarrollo web (Webmaster) 185 hours

Learning Methodology

The learning methodology, regardless of the modality (in-person or remote), is based on the development of workshops or labs that lead to the construction of a project, emulating real activities in a company.

The instructor (live), a professional with extensive experience in work environments related to the topics covered, acts as a workshop leader, guiding students' practice through knowledge transfer processes, applying the concepts of the proposed syllabus to the project.

The methodology seeks that the student does not memorize, but rather understands the concepts and how they are applied in a work environment.

As a result of this work, at the end of the training the student will have gained real experience, will be prepared for work and to pass an interview, a technical test, and/or achieve higher scores on international certification exams.

Conditions to guarantee successful results:
  • a. An institution that requires the application of the model through organization, logistics, and strict control over the activities to be carried out by the participants in each training session.
  • b. An instructor located anywhere in the world, who has the required in-depth knowledge, expertise, experience, and outstanding values, ensuring a very high-level knowledge transfer.
  • c. A committed student, with the space, time, and attention required by the training process, and the willingness to focus on understanding how concepts are applied in a work environment, and not memorizing concepts just to take an exam.

Pre-enrollment

You do not need to pay to pre-enroll. By pre-enrolling, you reserve a spot in the group for this course or program. Our team will contact you to complete your enrollment.

Pre-enroll now

Infinity Payments

Make your payment quickly, safely and reliably


- For bank transfer payments, request the details by email capacita@aulamatriz.edu.co.

- If you wish to finance your payment through our credit options
(Sufi, Cooperativa Unimos or Fincomercio), click on the following link:
Ver opciones de crédito.

To continue you must
Or if you don't have an account you must

Description

This program is designed to provide comprehensive training in design and development of professional websites and web applications, covering from the foundations of graphic design to advanced programming with PHP and MYSQL.

The course prepares participants to obtain two international certifications:

Programmer Fundament Software (Softf-001).

Zend Certified Php Engineer (200-710).

Objectives

Al finalizar el curso, los participantes serán capaces de:

  • Diseñar y desarrollar sitios web multiplataforma para Windows y Linux
  • Dominar herramientas de diseño gráfico para la web, como Adobe Illustrator
  • Construir sitios web responsivos con HTML5, CSS3 y JavaScript
  • Desarrollar aplicaciones web dinámicas utilizando PHP y MySQL
  • Implementar bases de datos eficientes y seguras para proyectos web
  • Optimizar sitios web para SEO y SEM
  • Crear y administrar proyectos web empresariales desde la concepción hasta la implementación
  • Prepararse para la certificación Zend PHP Engineer

To participate in this training, attendees must meet the following requirements:

  • Basic computer literacy
  • This requirement ensures that participants can develop skills in web design and programming without initial technical difficulties

offers

Diseño y desarrollo web (Webmaster) Applies
Diseño y desarrollo web (Webmaster) 185 hours

Learning Methodology

The learning methodology, regardless of the modality (in-person or remote), is based on the development of workshops or labs that lead to the construction of a project, emulating real activities in a company.

The instructor(live), a professional with extensive experience in work environments related to the topics covered, acts as a workshop leader, guiding students' practice through knowledge transfer processes, applying the concepts of the proposed syllabus to the project.

La metodología persigue que el estudiante "does not memorize", but rather "understands" the concepts and how they are applied in a work environment."

As a result of this work, at the end of the training the student will have gained real experience, will be prepared for work and to pass an interview, a technical test, and/or achieve higher scores on international certification exams.

Conditions to guarantee successful results:
  • a. An institution that requires the application of the model through organization, logistics, and strict control over the activities to be carried out by the participants in each training session.
  • b. An instructor located anywhere in the world, who has the required in-depth knowledge, expertise, experience, and outstanding values, ensuring a very high-level knowledge transfer.
  • c. A committed student, with the space, time, and attention required by the training process, and the willingness to focus on understanding how concepts are applied in a work environment, and not memorizing concepts just to take an exam.

Course Modules

Module I: Graphic Design

Introduction to Graphic Design

  • Basic concepts of graphic design
  • Modulations
  • Patterns
  • Color theory
  • Format compatibility
  • Graphic design terminology

Introduction to the Webmaster

  • Introduction and disciplines of Graphic Design
  • Introduction and disciplines of Web Design
  • Categories of websites
  • Tasks of a webmaster

Adobe Illustrator

  • Introduction and handling of Adobe Illustrator tools
  • Explanation of vectors
  • Introduction of tools
  • Handling tools for the web
  • Technique for extracting resources for the web
  • Specific techniques and tools for web design in Illustrator
  • How to extract resources for the web development process in Illustrator
  • Practical exercise (extract specific resources from this tool) - Basic HTML tags
  • How to save and upload resources to the HTML layout
  • Online tools for working

Introduction

  • Brief history of Computer Science
  • Prior knowledge
  • Terminology. Technical language
  • Functional units of the Computer (Analogy with the Human being).
  • What is programming
  • How it works
  • Advantages of programming
  • Logic
  • Programming logic
  • Boolean Algebra

Information and its representation

  • Decimal system
  • Binary system
  • Octal system
  • Hexadecimal system
  • Conversions between numbering systems
  • Fixed-point representation
  • Floating-point representation
  • Internal data representation: alphanumeric encoding

c. Operators

  • Introduction
  • Arithmetic
  • Relational
  • Logical
  • Increment / Decrement

Programming Languages

  • Introduction 
  • Documentation of programs
  • Structure of a program
  • Programming languages
  • Classifications of programming languages
  • Machine language
  • Assembly language
  • High-level languages
  • Popular languages
  • Syntax of a programming language
  • Introduction to C
  • Introduction to Java
  • Introduction to Python
  • Introduction to PHP
  • Which language to choose?

Software Development

  • Application life cycle 
  • Software specifications 
  • Understanding data structure

UML Software Modeling

  • Component diagram
  • Use case diagram
  • Sequence diagram
  • Activity diagram
  • Class diagram

Algorithmics

  • Concepts and characteristics 
  • Flowcharts
  • Pseudocode
  • Data types 
  • Definitions
  • Variables and Constants 
  • Logic and Conditionals
  • Loops
  • Control structures
  • Arrays and Matrices
  • Methods
  • Function Modularization
  • Understanding error management
  • Practical exercises

Tips and Best Practices

  • Naming conventions and management
  • Organization
  • Attributes
  • Testing

Problem Solving

  • Definition
  • Analysis
  • Design and solution
  • Exercises

Introduction to OOP

  • Basic concepts
  • Introduction to Unified Modeling Language (UML)
  • Declaration and creation of objects
  • Instantiating an Object
  • Understanding the concept of class
  • Understanding characteristics and behaviors of an entity
  • Attributes of a class
  • Methods of a class
  • Inheritance
  • Polymorphism
  • Interfaces
  • Exceptions
  • Diagram-based exercises

Operating Systems and Octals

  • Definition of operating system
  • Evolution of operating systems
  • General scheme of an operating system
  • Control programs and process programs
  • Compilation process
  • General structure of a compiler

 Desktop Applications 

  • Understanding Windows Forms applications; understanding console-based applications
  • Understanding Windows services 

 Databases

  • Relational databases
  • Understanding relational database management systems
  • Understanding basic queries to the database
  • Entity-relationship model
  • Understanding database connection methods

Building Web Applications

  • Understanding HTML
  • Designing with CSS (Cascading Style Sheets)
  • Understanding JavaScript
  • Client-Server programming vs. Server-only.
  • Understanding Microsoft ASP.NET Web application development
  • Understanding Web Applications and Frameworks (JEE, .NET, JS).
  • Understanding Application Servers.
  • Introduction to SOAP Web Services, REST API
  • Understanding web hosting and understanding web services - Database connection

Development in the Company

  • Software life cycle
  • Introduction to Traditional Methodologies
  • Introduction to Agile Methodologies
  • DevOps.

Standard Software and Custom Software

  • System software and application software
  • Standard software and custom software
  • Standard applications

Web Design and Development with HTML5, CSS3, and JavaScript

Web Fundamentals:

  • Basic concepts of the Internet
  • Trends
  • Protocols: FTP, HTTPS, etc.
  • Domain and hosting
  • Code Editors
  • UX vs UI 
  • Types of images

Introduction to HTML and CSS

  • Introduction to HTML
  • Introduction to CSS: Links and navigation 
  • Image formats.
  • Embedding images with the tag   and CSS formatting. 
  • Using images for links. 
  • Image mapping.

Creating and Styling HTML5 Pages

  • DOM
  • Tags
  • Structure of a website
  • Creating an HTML5 page
  • HTML attributes
  • HTML forms 
  • Navigation between sections
  • Styling an HTML5 page

Styles with CSS 

  • CSS rules, selectors, declarations, properties, and values
  • Styles included by the browser
  • Units of measurement and colors
  • Custom texts
  • Text properties
  • Fixed dimensions for elements
  • Color and image backgrounds
  • Borders
  • Margins
  • Paddings
  • Display types
  • Element alignment
  • Header, nav, footer styles
  • Adding classes to HTML components

Styling HTML5 using CSS3

  • Styling Text
  • Styling block elements
  • CSS3 selectors
  • Web Icon Fonts
  • Selecting elements
  • Enhancing graphic effects with CSS3

Responsive Design 

  • Responsive design without frameworks
  • Media Queries
  • CSS Frameworks
  • Bootstrap 4
  • Elastic design

Introduction to JavaScript 

  • Introduction to JavaScript syntax
  • Programming HTML DOM with JavaScript .

Creating Forms and Input Validation

  • Introduction to HTML Forms
  • User input validation with HTML5 attributes
  • User input validation with JavaScript 

Creating Interactive Pages using HTML5 APIs 

  • Interacting with files
  • Adding Multimedia
  • Reacting to browser context and location

Creating Advanced Graphics

  • Creating interactive graphics with SVG
  • Drawing graphics programmatically with Canvas

Animating the User Interface 

  • Applying CSS transitions
  • Transforming elements
  • Applying CSS Key-frame animations

Web Optimization

  • Optimization with TestMySite
  • SEO Optimization
  • What is SEM?
  • Webmaster Tools

Introduction to PHP

  • Syntax
  • Operators
  • Variables
  • Control structures
  • Language constructs and functions
  • Namespaces 
  • Extensions
  • Config
  • Performance cache / bytecode

Functions 

  • Arguments
  • Variables
  • References
  • Return
  • Variable scope
  • Anonymous functions, closures
  • Write statements

Data Types and Formats

  • Introduction to XML
  • SimpleXml
  • XML extension
  • Introduction to Web Services
  • SOAP
  • JSON
  • DateTime
  • DOMDocument

Web Features 

  • Sessions
  • Forms
  • Data sent via GET and POST
  • Cookies
  • HTTP headers
  • HTTP authentications
  • HTTP status codes

Object-Oriented Programming

  • Instantiation
  • Modifiers / Inheritance
  • Interfaces
  • Return types
  • Autoload
  • Reflection
  • Type Hinting
  • Class constants
  • Late static binding
  • Magic methods (_ *)
  • Instance, methods, and properties
  • Standard PHP Library (SPL)
  • Traits

Security

  • Configuration
  • Session Security
  • XSS
  • Cross-Site Scripting
  • CSRF
  • Cross-Site Request Forgeries
  • SQL injection
  • Remote code injection
  • Email injection
  • Filter your input / escape your output 
  • Encryption and hash algorithms 
  • File uploads 
  • PHP configuration 
  • Password hashing API 

I/O Input / Output 

  • Files
  • Reading
  • Writing
  • File system functions
  • Streams
  • Contexts

Strings and Regular Expressions

  • String delimiters
  • Comparisons
  • Extractions
  • Searches
  • Replacements
  • Formatting
  • Perl Compatible Regular Expressions (PCRE)
  • HEREDOC and NOWDOC
  • Character encodings

Databases and MySQL 

  • SQL
  • JOINS
  • Prepared Statements
  • Transactions
  • PHP Data Objects (PDO)

Arrays 

  • Associative arrays
  • Traversing an array
  • Array functions
  • SPL, objects, and arrays
  • Casting

Error Handling 

  • Exception handling
  • Errors
  • Throwables