douglasmartins7

Representantes

Meta	Nome	Função
.	ponto	um caractere qualquer
[]	conjunto	conjunto de caracteres permitidos
[^]	conjunto negado	conjunto de caracteres proibidos

Quantificadores

douglasmartins7

#Reponsivo; Para ser precisa inserir essa tag <meta name="viewport" content="width=device-width, initial-scale=1" /> no html.

#Media query(da largura de 800 a 1000 é roxo, o restante é branco)(pode ter mais de uma media query)(se as duas medias foram verdadeiras, a ultima prevalecerá)(as medias queries que ajudam sendo bem montadas a testar a responsividade da tela)
@media (max-width: 1000px) and (min-width: 800px) {
body {
background: #7159c1;
}
}

@media (max-width: 600px) {

douglasmartins7

    div.teste
    div#teste
    div#teste>ul>li*3>a[href=teste]

douglasmartins7

{
  // Define o tema do VSCode
  "workbench.colorTheme": "Dracula",

  // Configura tamanho e família da fonte
  "editor.fontSize": 18,
  "editor.lineHeight": 24,
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,

douglasmartins7

# Find element by css
find(:css, 'css selector', options)

# Find element by xpath
find(:xpath, 'xpath value', option)

Element Examples

# Set some text to some input form
find(:xpath, 'some xpath').set('some text')

douglasmartins7

1. criar uma iframe(desenho de como será o site)
    https://960.gs/    -> pegar os grids de sites e abra em um editor de imagem ao seu gosto(photoshop/ fireworks, gimp)
    
2. Use o bootstrap para pegar os menus prontos que ele ja possui.

3. Ajuda a escolher a core para inserir no site: https://color.adobe.com/create
        tanto ele apresenta com xdecimal como RGB.
        
4. Página é estatica quando é apenas html e você ve tudo em um arquivo(navbar(barra de navegação)/
 (home (main(carrocel)/ middle(três container um ao lado do outro)))/ 

douglasmartins7

1) Primeiro iremos verificar os elementos com Assert(Afirmação).
1)assert_all_of_selectors
Afirma que todos os seletores fornecidos estão presentes na página ou nos descendentes do nó atual.


2)assert_none_of_selector
Afirma que nenhum dos seletores fornecidos está presente na página ou nos descendentes do nó atual.


2)assert_matches_selector

douglasmartins7

# Have you ever had to sleep() in Capybara-WebKit to wait for AJAX and/or CSS animations?

describe 'Modal' do
  
  should 'display login errors' do
    visit root_path
    click_link 'My HomeMarks'
    within '#login_area' do
      fill_in 'email', with: '[email protected]'
      fill_in 'password', with: 'test'

douglasmartins7

<?php

echo '<br> Condicional: ';
$A = 4;
$B = 2;

if($A % 2 == 1){
    echo 'não é par então impar';
}
else{

douglasmartins7

const arr = [1, 3, 4, 5, 6];


//function do map é uma função anonima
const newArr = arr.map(function(item){
    return item * 2;
});
console.log(newArr);