antoniojps

Mastering Frontend

Plan of studies to deepen my knowledge as a frontend developer.

Fundamentals

• HTML accessibility features
• CSS:
  • Alignment features & grids(flexbox, grid)
• Advanced Pseudo-classes/elements

antoniojps

import React from "react";
import { render } from "@testing-library/react";

import Component from ".";

describe("Component", () => {
  it("should render successfully", () => {
    const { baseElement } = render(<Component />);
    expect(baseElement).toBeTruthy();
  });

antoniojps

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var _JSXStyle = _interopDefault(require('styled-jsx/style'));
var React = _interopDefault(require('react'));

function _classCallCheck(instance, Constructor) {
  if (!(instance instanceof Constructor)) {
    throw new TypeError("Cannot call a class as a function");

antoniojps

António Santos - @antoniojmps

Hey! I'm António Santos.

I've been working on multiple projects, professionally @mindera with the University of Aveiro creating a custom CMS for their highly collaborative digital communication needs. While that's going I've developed ytrank.net as a free web-based youtube rank checker and it's currently being used by thousands of users monthly, also made Voluntários which is a platform for people interested in volunteering in non-profits.

Oh, I'm also currently taking my Master in Multimedia Communication, loving it.

• Personal website 🏄 - A little outdated, new one incoming very soon 😁
• Twitter 🐤

antoniojps

/robots.txt    /robots.txt   200
/sitemap.xml    /sitemap.xml   200
/*    /index.html   200

antoniojps

Check the typescript handbook

Core types

// enum
enum Role {
  ADMIN,
  READ_ONLY,
  AUTHOR
}

antoniojps

/* eslint-disable no-param-reassign */

const TOKENS = {
  WARNING: "warning",
  WARNING_OPEN: "warning_open",
  WARNING_CLOSE: "warning_close"
};

/**
 * Remarkable block parser that recognizes callouts.

antoniojps

{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "vue", "autoFix": true }
  ],
  "editor.fontFamily": "Fira Code, Consolas , Menlo, Monaco, 'Courier New', monospace, 'Apple Color Emoji'",
  "editor.fontSize": 14,
  "editor.lineHeight": 25,
  "editor.letterSpacing": 0.5,

antoniojps

Backoffice API Requirements

Recommended reading: Microsoft REST API Guidelines

This are the required endpoints for the UA's Portal Backoffice, some of them might already exist.

◀️ Priority 🍑 Next in line

antoniojps

import React, { useEffect } from 'react';
import { useExampleContext, actions, ExampleProvider } from 'context/ExampleContext';

const Page = () => {
  // first element is the state
  // second is the actions dispatcher
  const [{ greet }, dispatch] = useExampleContext();
  useEffect(() => {
    dispatch({
      type: actions.GREET_UPDATE,