Para revision#29
Conversation
HectorBlisS
left a comment
HectorBlisS
left a comment
There was a problem hiding this comment.
No tengo muchas notas negativas, en realidad su código es muy consistente, se nota la falta de commits más seguido, pero bien, la integración y el trabajo en equipo, las descripciones de los commits puede mejorar, pero excelente trabajo dividiendo las responsabilidades de cada archivo.
| <div id="LogInNewUser" class="creatAccount"> | ||
| <p>No tienes Cuenta?</p> | ||
| <button id="creatAccount" class="btn btn-link"> Crear Cuenta</button> | ||
| </div> | ||
| </section> | ||
|
|
There was a problem hiding this comment.
Es mejor que todo se adinámico, evitar el maquetado estático lo más posible
| document.getElementById('logInUser').style.display="none"; | ||
| document.getElementById('init').style.display="none"; | ||
| document.getElementById('logInNetwoork').style.display="none"; | ||
| document.getElementById('LogInNewUser').style.display="none"; | ||
| document.getElementById('LogInNewUser').style.display="none"; // let file = e.target.files[0] |
There was a problem hiding this comment.
Es mejor usar nodos, (guardamos estos selectores en variables) para no repetir la selección
| toggleButton.onclick= e=> menu() | ||
|
|
||
| let homeButton = document.querySelector('#home'); | ||
| homeButton.onclick = e=> home() |
There was a problem hiding this comment.
Esta sintaxis es muy limpia y eficiente, muy bien!
| @@ -188,11 +192,6 @@ function createAccount() { | |||
|
|
|||
| function menu (){ | |||
There was a problem hiding this comment.
Intentemos ser mas semanticas con los nombres de las funciones, este nombre menu es mas usada para una variable, y aún así le faltaría semántica, para una función es importante describir lo que hace. drawMenu o toggleMenu
| /*body{ | ||
| background: linear-gradient(180deg, rgb(39, 250, 127), rgb(208, 253, 228), rgb(9, 209, 162)); | ||
| mix-blend-mode: soft-light; | ||
| box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); | ||
| } | ||
| }*/ |
There was a problem hiding this comment.
Eliminar comentarios que no usamos
| const btnToggle = document.querySelector('.toggle-btn'); | ||
|
|
||
| btnToggle.addEventListener('click', function () { | ||
| document.getElementById('sidebar').classList.toggle('active'); |
There was a problem hiding this comment.
Excelente el uso de toggle
| /* import { example } from '../src/index.js'; | ||
|
|
||
| describe('logInFacebook', () => { | ||
| it('debería ser una función', () => { | ||
| expect(typeof logInFacebook).toBe('function'); | ||
| }); | ||
| it('Debería poder iniciar sesion con Facebook', () => { | ||
| return logInFacebook() | ||
| .then(() => { | ||
| expect('').toBe(''); | ||
| }); | ||
| }); | ||
| }); | ||
|
|
||
| describe('logInFacebook', () => { | ||
| it('debería ser una función', () => { | ||
| expect(typeof logInFacebook).toBe('function'); | ||
| }); | ||
| it('Debería poder registrarse con Facebook', () => { | ||
| return logInFacebook() | ||
| .then((user) => { | ||
| expect('').toBe(''); | ||
| }); | ||
| }); | ||
| }); */ No newline at end of file |
There was a problem hiding this comment.
Eliminar comentarios que no usamos
| let loginView = ` | ||
| <section> | ||
| <p id="post" > Aqui se debe publicar</p> | ||
| <textarea name="" id="" cols="40" rows="10" placeholder="Crear publicación"></textarea> | ||
| <input type="submit" class="btnPost" id="" value="Publicar"> | ||
| <button id="like"><i class="fab fa-gratipay"></i></button> | ||
| </section> |
There was a problem hiding this comment.
Muy bien el uso semantico de section
| }); | ||
|
|
||
| //Cerrando sesión | ||
| function close(){ |
There was a problem hiding this comment.
El nombre de las funciones debe ser más descriptiva, regularmente con 2 palabras en camel case como closeSession
| @@ -77,3 +77,4 @@ function logIn(){ | |||
| } | |||
|
|
|||
| logInButton.onclick = logIn; | |||
There was a problem hiding this comment.
Bien el uso de listener más directos
4 participants
No description provided.