Luciano Baraúna lucianobarauna

[PRÉ-WORK] Bootcamp React.js

Referências da semana de pré-work do Bootcamp em React.js

Sobre o pré-work

A semana de pré-work acontecerá nos dias 16/08/2021 à 20/08/2021 na Twitch do Daciuk.

Nessa semana, as lives acontecerão excepcionalmente à partir das 15h. Todas as informações sobre o Bootcamp você encontra em: https://b-academy.brainn.co/

Regex para telefones do Brasil

(?:(^\+\d{2})?)(?:([1-9]{2})|([0-9]{3})?)(\d{4,5})(\d{4})

Pequena explicação

(?:(^\+\d{2})?)
- Busca por um + seguido por dois números, opcional.
(?:([1-9]{2})|([0-9]{3})?)
Busca por dois números de 1 à 9, ou três números de 0 à 9, isso faz a diferença entre o DDD com zero e DDD sem zero, lembrando que nenhum código de cidade tem o digito 0. Também opcional.

Install vue-cli on Linux Systems

O objetivo deste Gist é mostrar como instalar a ferramenta vue-cli, assim como suas dependências, em sistemas baseados em Linux. Estou utilizando um Ubuntu 17.10, caso queira saber a versão do seu Ubuntu, execute a seguinte instrução no terminal:

lsb_release -a

Introdução

Contribua

Se você quiser adicionar mais algum tópico deixe seu comentário, o objetico é facilitar para os iniciantes ou aqueles que buscam dominar JavaScript, quais tópicos são importantes para dominar JavaScript.

São tópicos para quem sabe o minimo de JavaScript (declarar variáveis), a ordem em que eles aparecem são por importância para o dominio como um todo. Mesmo que você já tenha experiência com JS, recomendo que leia os links de cada tópico para fortalecer suas bases teóricas e ter um comportamento mais profundo da linguagem.

Lista originalmente criada e compilada por Vinicius Reis

Object Calisthenics descreve 9 regras básicas - pt-br

Um nível de recuo por método.
Não use a palavra-chave ELSE.
Envolver todos os primitivos e Strings em classes. (em JS nao eh necessario)
Funções de primeira classe // mudei p/ Function em vez de Class
Um ponto por linha.
Não abrevie.
Mantenha todas os módulos com menos de 50 linhas.
Nenhuma função com mais de dois parâmetros.

	<!DOCTYPE html>
	<html>
	<head>
	<title>Accordions</title>

	<style type="text/css">
	body {
	margin: 0 auto;
	max-width: 40em;
	width: 88%;

	[alias]
	k = !gitk --all &
	dismiss = reset HEAD --hard
	rollback = reset --soft HEAD~1
	unstage = reset HEAD --
	undo = checkout --
	redo = commit --amend --no-edit
	sane = remote prune origin
	send = push origin $(git rev-parse --abbrev-ref HEAD)
	l = log --graph --pretty=format:'%C(yellow)%h%Creset %Cgreen%cr %C(bold blue)%an%Creset - %s%C(red)%d%Creset' --abbrev-commit --max-count=30

	const users = [
	{
	name: 'User #1',
	bookmarks: [
	{ title: 'Movie #1', id: 1 },
	{ title: 'Movie #6', id: 6 },
	{ title: 'Movie #3', id: 3 },
	]
	},
	{

	// SASS FUNCTION TO CONVERT PX INTO REM

	// Defining base font size
	// The default font size for html is 16px
	$base-size: 16;
	//Function to convert px value into rem
	//You can replace rem with any other value you want (rem is most preferred value for web)
	@function size($target, $context: $base-size) {
	@return ($target / $context) * 1em;
	}

	const gulp = require('gulp');
	const sass = require('gulp-sass');
	const autoprefixer = require('gulp-autoprefixer');
	const pug = require('gulp-pug');
	const browserSync = require('browser-sync').create();
	const gutil = require('gulp-util');

	gulp.task('sass', function () {
	return gulp.src('sass/*/.scss')
	.pipe(sass({ style: 'expanded', sourceComments: 'map', errLogToConsole: true }))