Search the Community
Showing results for tags 'front-end'.
Found 10 results
-
Eu tenho um carousel do bootstrap e me foi proposto que quando trocasse o slide, fizesse uma pequena animação nos elementos dentro dele Algo assim: if($('#item-2').hasClass('active')){ $('.imagem-carousel').fadeIn(2000) } Mas eu queria saber como eu faço pra que essa condição seja verificada sempre que o slide for trocado, seja por click, arrastando ou quando o slide passa automaticamente.
-
Estou tentando inserir essa lógica no scroll da minha página, ele pega corretamente a condição do ife entra no laço. Para todos os demais elementos da página que geram o scroll, ele rola certo, apenas para o button#conheca que não consigo fazer o cálculo da altura. Preciso que ele pegue o offset e some com a altura, devido ao menu que abre em mobile, mas ele está sendo sobrescrito pelo scrollTop anterior. Com qual função devo verificar para executar corretamente a lógica? if($(window).width() <= 768){ $("html, body, button:not(#conheca)").animate({ scrollTop: (target.offset().top - $(window).height()) }, 1000, "easeInOutExpo"); return false; $("#conheca").on("click", function(){ $('#conheca').animate({ scrollTop: (target.offset().top + $(window).height()) }, 1000, "easeInOutExpo"); return false; }); }else{ $('html, body').animate({ scrollTop: (target.offset().top) }, 1000, "easeInOutExpo"); return false; }
-
Por favor, gostaria de opniões sobre esse site : Como está meu HTML/CSS, digo o desenvolvimento front-end, sou iniciante. O visual está ficando legal? É um site teste, um pseudo currículo.
-
Galera, to compartilhando um curso mega útil. Em uma página web moderna pode conter diversas imagens e muitas vezes essas nem chegam a ser vistas pelo usuário, pois o mesmo pode clicar em um link e já navegar para outro conteúdo, não é verdade? No desenvolvimento de uma aplicação web, por exemplo, acabamos carregando todas as imagens mesmo sem necessidade, o que atrapalha e muito o tempo de carregamento e aumenta o consumo de banda desnecessariamente. Existe uma técnica chamada Lazy Load que resolve exatamente esse problema, ou seja, as imagens são carregadas apenas quando aparecem na área visível do navegador. https://preview.ibb.co/kEwDOH/curso_lazy_load_1.png https://preview.ibb.co/jOiciH/curso_lazy_load_2.png Se liga aqui para ver os cursos, completos e grátis:https://youtu.be/86wxusfp000 https://youtu.be/IKznPWVgDKg https://youtu.be/8JW2kH4spk0 https://youtu.be/NWE_2Sz7cjg https://youtu.be/R3ZwASzR0m8 https://youtu.be/BBqD-oJTg7s
-
programming PROGRAMING/PROGRAMAÇÃO WEB (AJUDA?)
Zombie Ninja posted a question in Perguntas e respostas rápidas
OLÁ Quero me inspirar nesse site (https://dreamteam.gg) no modo como ele funciona, eu achei muito legal à ideia dele! COMO POSSO CRIAR ESSA INTERATIVIDADE DELE? Quando um usuário faz algo que que é possível fazer nele, um FEED mostra.. quero fazer algo parecido :( mas sou muito iniciante. #HelpMeAe ♥ -
Criei uma agenda utilizando o schedule-primefaces, mas quando chega o horário de verão essa agenda fica toda bagunçada. Em alguns outros tópicos, vi a respeito de configurar o horário no java para que se utilize o nosso GMT-3, mas não entendi muito bem como fazer. Alguém poderia me ajudar com uma solução direcionada ao schedule? Abaixo está o código da minha página, se precisar de algum outro código é só informar que eu posto. Obrigado. <?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>Agenda</title> </h:head> <h:body> <h:form id="form"> <script language="javascript"> PrimeFaces.locales['pt'] = { closeText: 'Fechar', prevText: 'Anterior', nextText: 'Próximo', currentText: 'Começo', monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'], monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'], dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', '---', 'Sáb'], dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'], weekHeader: 'Semana', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '', timeOnlyTitle: 'Só Horas', timeText: 'Tempo', hourText: 'Hora', minuteText: 'Minuto', secondText: 'Segundo', currentText: 'Data Atual', ampm: false, month: 'Mês', week: 'Semana', day: 'Dia', allDayText: 'Todo Dia' }; </script> <p:growl id="messages" showDetail="true" /> <h:panelGrid columns="3"> <p:commandButton value="Cadastrar Responsável" action="#{agendaController.cadastrarResponsavel()}" ajax="false"/> <p:commandButton value="Cadastrar Regional" action="#{agendaController.cadastrarRegional()}" ajax="false"/> <p:commandButton value="Cadastrar Resp / Reg" action="#{agendaController.juntarResponsavelRegional()}" ajax="false"/> <p:commandButton value="Relatórios" action="#{agendaController.gerarRelatorios()}" ajax="false"/> <p:commandButton value="Fechar" action="#{agendaController.redirect()}" ajax="false"/> </h:panelGrid> <p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt"> <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()"/> <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" /> <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" /> <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" /> </p:schedule> <p:dialog id="editDialog" widgetVar="editDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="editPanel" columns="2"> <h:outputText value="Responsável:"/> <h:outputText id="responsavel_nome_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.responsavel.nome}"/> <h:outputText value="Regional:"/> <h:outputText id="origem_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.regional.nome}"/> <h:outputText value="Qtde. caixa:"/> <h:outputText id="qtde_caixa_out" value="#{agendaController.agenda.origem.qtdeCaixa}"/> <h:outputText value="Qtde. equipamento:"/> <h:outputText id="qtde_equip_out" value="#{agendaController.agenda.origem.qtdeEquipamento}"/> </p:panelGrid> <p:commandButton id="deleteButton" actionListener="#{agendaController.deleteEvent}" value="Deletar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/> </p:dialog> <p:dialog id="eventDialog" widgetVar="eventDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="detalhes" columns="2"> <p:outputLabel for="responsavel_nome" value="Responsável:"/> <p:selectOneMenu id="responsavel_nome" value="#{agendaController.responsavel}" converter="responsavelConverter"> <p:ajax event="change" listener="#{agendaController.updateRegionalPorResponsavel()}" update="origem, messages"/> <f:selectItems value="#{agendaController.responsaveis}"/> </p:selectOneMenu> <p:outputLabel for="origem" value="Regional:"/> <p:selectOneMenu id="origem" value="#{agendaController.hasResponsavel}" converter="hasResponsavelConverter"> <f:selectItems value="#{agendaController.regionalByResponsavel}"/> </p:selectOneMenu> <p:outputLabel for="qtde_caixa" value="Qtde. caixa:"/> <p:inputText id="qtde_caixa" value="#{agendaController.agenda.origem.qtdeCaixa}" required="true" requiredMessage="A quantidade de caixas é obrigatória." size="5"/> <p:outputLabel for="qtde_equip" value="Qtde. equipamento:"/> <p:inputText id="qtde_equip" value="#{agendaController.agenda.origem.qtdeEquipamento}" required="true" requiredMessage="A quantidade de equipamentos é obrigatória." size="5"/> </p:panelGrid> <h:panelGrid columns="3"> <p:commandButton type="reset" value="Resetar campos" /> <p:commandButton id="saveButton" value="Salvar" actionListener="#{agendaController.addEvent}" update="messages" oncomplete="agenda.update();eventDialog.hide();" onclick="eventDialog.hide();"/> </h:panelGrid> </p:dialog> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="deleteButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> </h:form> </h:body> </html>
-
Alterar cor de um div dependendo de um dado vindo do BD no primefaces
rodrigomarden posted a question in Perguntas e respostas rápidas
Galera, estou tentando mudar a cor de um componente do primefaces (schedule/agenda) dependendo de um valor que vem do banco de dados, não consegui achar nada a respeito disso. Eu já consegui alterar a cor do componente através de CSS, porém muda todos e não com a condição que eu quero. <p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt" > <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()" /> <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" /> <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" /> <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" /> </p:schedule> No caso exatamente nesse componente acima. Eu instancio o css no head <link type="text/css" rel="stylesheet" href="corDeFundo.css" /> .fc-event-inner fc-event-skin{ background-color: #FF3535; border-bottom-color: #FF3535; } .fc-event-skin{ background-color: #FF3535; border-bottom-color: #FF3535; } Só que eu precisava alterar entre duas cores, (azul e vermelho), dependendo de uma string que vem do BD, (Aguardando para vermelho, Aprovado para azul) Já pesquisei muito, mas nada me ajudou, alguém da uma luz ai. Vlw -
Alteração da cor no background dependendo do evento na agenda primefaces (schedule)
rodrigomarden posted a topic in HTML e CSS
Gostaria de que os eventos listados na minha agenda fossem diferenciados por cores, (vermelho para aguardando e azul para aprovado), eu já consegui criar o botão para aprovar dentro de cada evento comunicando com o banco de dados. Segue o código: <?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>Agenda</title> </h:head> <h:body> <h:form id="form"> <script language="javascript"> PrimeFaces.locales['pt'] = { closeText: 'Fechar', prevText: 'Anterior', nextText: 'Próximo', currentText: 'Começo', monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'], monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'], dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', '---', 'Sáb'], dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'], weekHeader: 'Semana', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '', timeOnlyTitle: 'Só Horas', timeText: 'Tempo', hourText: 'Hora', minuteText: 'Minuto', secondText: 'Segundo', currentText: 'Data Atual', ampm: false, month: 'Mês', week: 'Semana', day: 'Dia', allDayText: 'Todo Dia' }; </script> <p:growl id="messages" showDetail="true" /> <h:panelGrid columns="3"> <p:commandButton value="Cadastrar Responsável" action="#{agendaController.cadastrarResponsavel()}" ajax="false"/> <p:commandButton value="Cadastrar Regional" action="#{agendaController.cadastrarRegional()}" ajax="false"/> <p:commandButton value="Cadastrar Resp / Reg" action="#{agendaController.juntarResponsavelRegional()}" ajax="false"/> <p:commandButton value="Relatórios" action="#{agendaController.gerarRelatorios()}" ajax="false"/> <p:commandButton value="Fechar" action="#{agendaController.redirect()}" ajax="false"/> </h:panelGrid> <p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt"> <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()" /> <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" /> <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" /> <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" /> </p:schedule> <p:dialog id="editDialog" widgetVar="editDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="editPanel" columns="2"> <h:outputText value="Responsável:"/> <h:outputText id="responsavel_nome_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.responsavel.nome}"/> <h:outputText value="Regional:"/> <h:outputText id="origem_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.regional.nome}"/> <h:outputText value="Qtde. caixa:"/> <h:outputText id="qtde_caixa_out" value="#{agendaController.agenda.origem.qtdeCaixa}"/> <h:outputText value="Qtde. equipamento:"/> <h:outputText id="qtde_equip_out" value="#{agendaController.agenda.origem.qtdeEquipamento}"/> </p:panelGrid> <p:commandButton id="deleteButton" actionListener="#{agendaController.deleteEvent}" value="Deletar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/> <p:commandButton id="aprovacaoButton" actionListener="#{agendaController.aprovacaoEvent}" value="Aprovar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/> </p:dialog> <p:dialog id="eventDialog" widgetVar="eventDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="detalhes" columns="2"> <p:outputLabel for="responsavel_nome" value="Responsável:"/> <p:selectOneMenu id="responsavel_nome" value="#{agendaController.responsavel}" converter="responsavelConverter"> <p:ajax event="change" listener="#{agendaController.updateRegionalPorResponsavel()}" update="origem, messages"/> <f:selectItems value="#{agendaController.responsaveis}"/> </p:selectOneMenu> <p:outputLabel for="origem" value="Regional:"/> <p:selectOneMenu id="origem" value="#{agendaController.hasResponsavel}" converter="hasResponsavelConverter"> <f:selectItems value="#{agendaController.regionalByResponsavel}"/> </p:selectOneMenu> <p:outputLabel for="qtde_caixa" value="Qtde. caixa:"/> <p:inputText id="qtde_caixa" value="#{agendaController.agenda.origem.qtdeCaixa}" required="true" requiredMessage="A quantidade de caixas é obrigatória." size="5"/> <p:outputLabel for="qtde_equip" value="Qtde. equipamento:"/> <p:inputText id="qtde_equip" value="#{agendaController.agenda.origem.qtdeEquipamento}" required="true" requiredMessage="A quantidade de equipamentos é obrigatória." size="5"/> </p:panelGrid> <h:panelGrid columns="3"> <p:commandButton type="reset" value="Resetar campos" /> <p:commandButton id="saveButton" value="Salvar" actionListener="#{agendaController.addEvent}" update="messages" oncomplete="agenda.update();eventDialog.hide();" onclick="eventDialog.hide();"/> </h:panelGrid> </p:dialog> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="deleteButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> </h:form> </h:body> </html> -
Galera, estou começando em uma empresa como estagiário e tenho que dar manutenção em um software e como toda empresa não há nenhuma documentação a respeito. Tenho o seguinte código html Só que estou com dificuldades em achar onde está localizado o front-end, aquilo que vai ser mostrado no navegador (tabelas, etc). Obrigado, <?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>Agenda</title> </h:head> <h:body> <h:form id="form"> <script language="javascript"> PrimeFaces.locales['pt'] = { closeText: 'Fechar', prevText: 'Anterior', nextText: 'Próximo', currentText: 'Começo', monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'], monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'], dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', '---', 'Sáb'], dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'], weekHeader: 'Semana', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '', timeOnlyTitle: 'Só Horas', timeText: 'Tempo', hourText: 'Hora', minuteText: 'Minuto', secondText: 'Segundo', currentText: 'Data Atual', ampm: false, month: 'Mês', week: 'Semana', day: 'Dia', allDayText: 'Todo Dia' }; </script> <p:growl id="messages" showDetail="true" /> <h:panelGrid columns="3"> <p:commandButton value="Cadastrar Responsável" action="#{agendaController.cadastrarResponsavel()}" ajax="false"/> <p:commandButton value="Cadastrar Regional" action="#{agendaController.cadastrarRegional()}" ajax="false"/> <p:commandButton value="Cadastrar Resp / Reg" action="#{agendaController.juntarResponsavelRegional()}" ajax="false"/> <p:commandButton value="Relatórios" action="#{agendaController.gerarRelatorios()}" ajax="false"/> <p:commandButton value="Fechar" action="#{agendaController.redirect()}" ajax="false"/> </h:panelGrid> <p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt"> <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()"/> <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" /> <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" /> <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" /> </p:schedule> <p:dialog id="editDialog" widgetVar="editDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="editPanel" columns="2"> <h:outputText value="Responsável:"/> <h:outputText id="responsavel_nome_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.responsavel.nome}"/> <h:outputText value="Regional:"/> <h:outputText id="origem_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.regional.nome}"/> <h:outputText value="Qtde. caixa:"/> <h:outputText id="qtde_caixa_out" value="#{agendaController.agenda.origem.qtdeCaixa}"/> <h:outputText value="Qtde. equipamento:"/> <h:outputText id="qtde_equip_out" value="#{agendaController.agenda.origem.qtdeEquipamento}"/> </p:panelGrid> <p:commandButton id="deleteButton" actionListener="#{agendaController.deleteEvent}" value="Deletar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/> </p:dialog> <p:dialog id="eventDialog" widgetVar="eventDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="detalhes" columns="2"> <p:outputLabel for="responsavel_nome" value="Responsável:"/> <p:selectOneMenu id="responsavel_nome" value="#{agendaController.responsavel}" converter="responsavelConverter"> <p:ajax event="change" listener="#{agendaController.updateRegionalPorResponsavel()}" update="origem, messages"/> <f:selectItems value="#{agendaController.responsaveis}"/> </p:selectOneMenu> <p:outputLabel for="origem" value="Regional:"/> <p:selectOneMenu id="origem" value="#{agendaController.hasResponsavel}" converter="hasResponsavelConverter"> <f:selectItems value="#{agendaController.regionalByResponsavel}"/> </p:selectOneMenu> <p:outputLabel for="qtde_caixa" value="Qtde. caixa:"/> <p:inputText id="qtde_caixa" value="#{agendaController.agenda.origem.qtdeCaixa}" required="true" requiredMessage="A quantidade de caixas é obrigatória." size="5"/> <p:outputLabel for="qtde_equip" value="Qtde. equipamento:"/> <p:inputText id="qtde_equip" value="#{agendaController.agenda.origem.qtdeEquipamento}" required="true" requiredMessage="A quantidade de equipamentos é obrigatória." size="5"/> </p:panelGrid> <h:panelGrid columns="3"> <p:commandButton type="reset" value="Resetar campos" /> <p:commandButton id="saveButton" value="Salvar" actionListener="#{agendaController.addEvent}" update="messages" oncomplete="agenda.update();eventDialog.hide();" onclick="eventDialog.hide();"/> </h:panelGrid> </p:dialog> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="deleteButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> </h:form> </h:body> </html>
-
Bom dia pessoal. Só deixando claro que sou nova na área, estou iniciando estudos autodidata na parte Front-end, e, como todos que iniciam, estou com dúvidas. Quando falei que pretendo aprender HTML, CSS e JavaScript me disseram que aprender só isso, sem PHP é pedir para "passar fome". Gostaria de saber de vocês, que já tem um certo conhecimento da área, realmente não vale a pena se não focar também em PHP? Até então minha ideia é somente para fazer uns freelas. Claro que quando eu me sentir segura com HTML, CSS e JS pretendo ter uma noção pelo menos básica de PHP. Enfim, atualmente, vale a pena iniciar estudos para Front-end? falam muito em decadência da área (apesar que falam isso a muitos anos), o que dizem? Obrigada mesmo, e desculpem a dúvida meio louca xD
