diff --git a/src/consts.ts b/src/consts.ts index 6a6a03f..eb48264 100644 --- a/src/consts.ts +++ b/src/consts.ts @@ -4,7 +4,10 @@ export const SUBJECT = { A: 'https://classroom.google.com/c/NzIzOTcwMzA4MTc4', }, CHAT_URL: 'https://mail.google.com/mail/u/0/#chat/space/AAAAeLAQnUg', - PROJECTS_URL: 'https://padlet.com/luizchaves/projetolm20242', + PROJECTS_URL: { + padlet: 'https://padlet.com/lucachaves/projetolm20242', + github: 'https://ifpb.github.io/projects/codes/lm/1', + }, GITHUB_URLS: { A: 'https://github.com/luizchaves/lm-2024-2', }, diff --git a/src/pages/index.mdx b/src/pages/index.mdx index 1a25264..672f463 100644 --- a/src/pages/index.mdx +++ b/src/pages/index.mdx @@ -7,13 +7,13 @@ import { SUBJECT } from '../consts.js' # {frontmatter.title} - + -A disciplina de [Linguagem de Marcação](/docs/plano-de-ensino.pdf) (LM) do Curso Superior de Tecnologia em Sistemas para Internet do IFPB tem como objetivo apresentar ao aluno conceitos sobre desenvolvimento Web Front-end. Sua carga horária apresenta um total de 67 horas aula e será ministrada pelo professor Francisco Dantas e Luiz Carlos Chaves. Para as aulas serão utilizadas exposições e atividades práticas, além de avaliações individuais e em grupo. +A disciplina de [Linguagem de Marcação](docs/plano-de-ensino.pdf) (LM) do Curso Superior de Tecnologia em Sistemas para Internet do IFPB tem como objetivo apresentar ao aluno conceitos sobre desenvolvimento Web Front-end. Sua carga horária apresenta um total de 67 horas aula e será ministrada pelo professor Francisco Dantas e Luiz Carlos Chaves. Para as aulas serão utilizadas exposições e atividades práticas, além de avaliações individuais e em grupo. ## Conteúdo -A disciplina apresenta o seguinte conteúdo, que será dividido conforme este [roteiro de aula](/lm/classnotes): +A disciplina apresenta o seguinte conteúdo, que será dividido conforme este [roteiro de aula](classnotes): - Estrutura da Web - Função do cliente e servidor HTTP @@ -27,7 +27,7 @@ A disciplina apresenta o seguinte conteúdo, que será dividido conforme este [r - Estrutura do HTML - CSS - Folha de estilo - - Herança e cascata + - Herança e cascataß - Seletores, propriedades, funções, media query, at-rules - Definição de layouts e estilos - Animações @@ -64,9 +64,11 @@ As aulas da disciplina serão alocados nesse horário e ambiente: A nota final será computada através da média ponderada das três maiores avaliações: -- Avaliação I: [Exercícios](https://ifpb.github.io/exercises/); -- Avaliação II: [Projeto I](/lm/project) (padlet); -- Avaliação III: [Projeto II](/lm/project); +- [Exercícios](https://ifpb.github.io/exercises/): + - Avaliação I +- [Projeto](project) (padlet, ifpb/projects): + - Avaliação II: Projeto - Etapa I; + - Avaliação III: Projeto - Etapa II. Estas salas do Google Classroom ({Object.keys(SUBJECT.CLASSROOM_URLS).map((github) => (Turma {github})).reduce((prev, curr) => [prev, ', ', curr])}) serão utilizadas para enviar todas as avaliações. @@ -78,13 +80,29 @@ Toda a comunicação será realizada usando este [![CSS e HTML](/lm/imgs/books/css-e-html.jpeg)](https://novatec.com.br/livros/csshtml/) [![CSS3](/lm/imgs/books/css3.jpeg)](https://novatec.com.br/livros/css3/) [![android com html css](/lm/imgs/books/android-com-html-css.jpg)](https://novatec.com.br/livros/aplicativos-android-com-html-css/) +
+[![CSS e HTML](imgs/books/css-e-html.jpeg)](https://novatec.com.br/livros/csshtml/) + +[![CSS3](imgs/books/css3.jpeg)](https://novatec.com.br/livros/css3/) + +[![android com html css](imgs/books/android-com-html-css.jpg)](https://novatec.com.br/livros/aplicativos-android-com-html-css/) +
### Bibliografia Complementar -
[![Apostila Caelum](/lm/imgs/books/caelum.png)](https://www.caelum.com.br/apostila-html-css-javascript/) [![Learn code HTML CSS](/lm/imgs/books/learn-code-html-css.png)](https://learn.shayhowe.com/advanced-html-css/) [![HTML Reference](/lm/imgs/books/mdn.png)](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference) [![CSS Reference](/lm/imgs/books/mdn.png)](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) [![Aprendendo XML](/lm/imgs/books/xml.jpg)](http://shop.oreilly.com/product/9780596004200.do)
+
+[![Apostila Caelum](imgs/books/caelum.png)](https://www.caelum.com.br/apostila-html-css-javascript/) + +[![Learn code HTML CSS](imgs/books/learn-code-html-css.png)](https://learn.shayhowe.com/advanced-html-css/) + +[![HTML Reference](imgs/books/mdn.png)](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference) + +[![CSS Reference](imgs/books/mdn.png)](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) + +[![Aprendendo XML](imgs/books/xml.jpg)](http://shop.oreilly.com/product/9780596004200.do) +
-E para completar ainda mais a listagem existe estes [exemplares](https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md) como outros indicações. +E para completar ainda mais a listagem existe estes [exemplares](https://github.com/EbookFoundation/free-programming-books/blob/main/books/free-programming-books-subjects.md) como outros indicações. ## Ferramentas @@ -93,7 +111,6 @@ E para completar ainda mais a listagem existe estes [exemplares](https://github. - Design - [Figma](https://www.figma.com/) - Navegador - - [Chrome](https://www.google.com/chrome/browser/index.html) ([Chrome status](https://www.chromestatus.com/features), [Web Developer](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm)) - - [Firefox](https://www.mozilla.org/en-US/firefox/new/) + - [Chrome](https://www.google.com/chrome/browser/index.html) ([Web Developer](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm)) - Versionamento de código - [Git](https://git-scm.com/) diff --git a/src/pages/project.mdx b/src/pages/project.mdx index 10fa559..12ce1e6 100644 --- a/src/pages/project.mdx +++ b/src/pages/project.mdx @@ -11,11 +11,11 @@ A disciplina de Linguagem de Marcação tem como objetivo principal proporcionar ## Apresentação do Tema -O tema do projeto é livre! Entretanto, você pode se inspirar nos projetos dos outros períodos (consulte [ifpb/projects](https://ifpb.github.io/projects/)), explorar os Padlet dos outros períodos da disciplina ([project-lm-ano-semestre](https://padlet.com/lucachaves/)) ou até mesmo buscar clientes para resolver problemas reais. +O tema do projeto é livre! Entretanto, você pode se inspirar nos projetos dos outros períodos (consulte
ifpb/projects), explorar os Padlet dos outros períodos da disciplina ([project-lm-ano-semestre](https://padlet.com/lucachaves/)) ou até mesmo buscar clientes para resolver problemas reais. No que diz respeito ao escopo do projeto, os membros da equipe serão responsáveis por definir o domínio de negócio, o layout, as funcionalidades e a navegabilidade. -Para a escolha do tema, sugiro que se formem equipes com no máximo **três integrantes** para a definição inicial do projeto. Após a escolha do tema, todos os projetos devem declarar suas propostas no Padlet dos projetos deste período, seguindo o formato de card a seguir: +Para a escolha do tema, sugiro que se formem equipes com no máximo **três integrantes** para a definição inicial do projeto. Após a escolha do tema, todos os projetos devem declarar suas propostas no Padlet dos projetos deste período, seguindo o formato de card a seguir: ```text title="Conteúdo do Card" Título/Tema do Projeto