Don't code CRAP in 2012 (architecture & future)
•
0 likes•2,198 views
The document discusses the benefits of using JavaScript for building web applications and outlines a proposed server-side framework architecture that uses JavaScript to generate clean code and JSON responses. It requests help to build the proposed JavaScript framework, which would generate HTML and CSS code to keep code clean and allow the server to only return JSON for better performance. The framework aims to improve web development in 2012 and beyond.
Report
Share
Report
Share
Download to read offline
Recommended
Jonathan Snook - Falling to pieces: the componentization of the web
We’ve moved away from building a site page by page. Now, teams are moving to component-based designs. In this talk, we’ll take a look at the evolution of front-end processes from design through to implementation. We’ll see how CSS concepts like BEM and SMACSS apply in a world of React, CSS Modules, and Web Components. Lastly, we’ll take a gander at what possibilities still lie ahead.
English Casual 2012/05/10
This document discusses the author's experience using MongoDB to build a web application. Some key points:
- The author wanted to build a web app and renew a management tool, but found their MySQL schema had too many relations and joins.
- MongoDB is schema-less and stores data as documents rather than in tables, allowing for flexible, embedded structures without defines schemas.
- MongoDB has powerful querying but does not support joins or transactions between collections. For these, data would need to be denormalized and operations handled at the application level.
- While MongoDB is good for high performance on single documents, the author realizes relational databases are still better for transactions and consistency across multiple documents. They want to
BBUI
BBUI.js is a JavaScript library that allows developers to create BlackBerry apps that look, feel, and flow like native BlackBerry apps. It uses HTML fragments without <head> or <body> tags to create screens. Screen functions like bb.pushScreen() and bb.popScreen() are used to navigate between these screens. Common UI elements like buttons are created without using <button> tags. Initialization involves including the BBUI.js and CSS files, adding an event listener for the webworksready event, and calling bb.init() to set up default styles and behaviors.
Critical rendering path presentation
The document discusses the critical rendering path (CRP), which is the sequence of steps browsers go through to convert HTML, CSS, and JavaScript to pixels on the screen. It explains that understanding the CRP is important for building performant web applications. The key steps are: 1) constructing the DOM from the HTML, 2) building the CSSOM from the CSS, 3) combining the DOM and CSSOM to create the render tree, 4) performing layout to calculate element positions, and 5) painting pixels to the screen. The document provides details on how browsers process each of these steps to display content to users.
Intro To JQuery & ASP.NET
This document provides an introduction to jQuery and how it can be used with ASP.NET. It explains that jQuery is an AJAX framework that simplifies cross-browser JavaScript and DOM manipulation. It also discusses using jQuery's ready function to execute code after page load, and how jQuery selector syntax follows CSS syntax but is extended. Finally, it notes that ASP.NET control IDs are complex, so regular expressions are needed to select elements, and provides resources for learning more about jQuery.
Javascript: A sneak preview
A sneak preview presentation of JavaScript made for those who would like to know just the basics of the language.
[WEB UI BASIC] JavaScript 1탄
This document provides an introduction to JavaScript and its uses. It explains that JavaScript is an interpreted language like Python, and is used to manipulate HTML documents and respond to user interactions by changing elements and styles on web pages. The DOM is introduced as the tree structure representation of HTML, and JavaScript is said to be able to query and modify this tree. Common JavaScript tasks are then listed, such as handling events, validating and updating client-side data, and making requests to servers.
Java script
This document provides information about Java and JavaScript by comparing and contrasting the two programming languages. It discusses that Java is a compiled programming language that can be used to create both web browser applications and standalone applications, while JavaScript is an interpreted scripting language that runs within web browsers. The document also explains what JavaScript can do, such as manipulate HTML, react to user events, and validate form data. It provides examples of basic JavaScript code and how it can be used with HTML forms.
Recommended
Jonathan Snook - Falling to pieces: the componentization of the web
We’ve moved away from building a site page by page. Now, teams are moving to component-based designs. In this talk, we’ll take a look at the evolution of front-end processes from design through to implementation. We’ll see how CSS concepts like BEM and SMACSS apply in a world of React, CSS Modules, and Web Components. Lastly, we’ll take a gander at what possibilities still lie ahead.
English Casual 2012/05/10
This document discusses the author's experience using MongoDB to build a web application. Some key points:
- The author wanted to build a web app and renew a management tool, but found their MySQL schema had too many relations and joins.
- MongoDB is schema-less and stores data as documents rather than in tables, allowing for flexible, embedded structures without defines schemas.
- MongoDB has powerful querying but does not support joins or transactions between collections. For these, data would need to be denormalized and operations handled at the application level.
- While MongoDB is good for high performance on single documents, the author realizes relational databases are still better for transactions and consistency across multiple documents. They want to
BBUI
BBUI.js is a JavaScript library that allows developers to create BlackBerry apps that look, feel, and flow like native BlackBerry apps. It uses HTML fragments without <head> or <body> tags to create screens. Screen functions like bb.pushScreen() and bb.popScreen() are used to navigate between these screens. Common UI elements like buttons are created without using <button> tags. Initialization involves including the BBUI.js and CSS files, adding an event listener for the webworksready event, and calling bb.init() to set up default styles and behaviors.
Critical rendering path presentation
The document discusses the critical rendering path (CRP), which is the sequence of steps browsers go through to convert HTML, CSS, and JavaScript to pixels on the screen. It explains that understanding the CRP is important for building performant web applications. The key steps are: 1) constructing the DOM from the HTML, 2) building the CSSOM from the CSS, 3) combining the DOM and CSSOM to create the render tree, 4) performing layout to calculate element positions, and 5) painting pixels to the screen. The document provides details on how browsers process each of these steps to display content to users.
Intro To JQuery & ASP.NET
This document provides an introduction to jQuery and how it can be used with ASP.NET. It explains that jQuery is an AJAX framework that simplifies cross-browser JavaScript and DOM manipulation. It also discusses using jQuery's ready function to execute code after page load, and how jQuery selector syntax follows CSS syntax but is extended. Finally, it notes that ASP.NET control IDs are complex, so regular expressions are needed to select elements, and provides resources for learning more about jQuery.
Javascript: A sneak preview
A sneak preview presentation of JavaScript made for those who would like to know just the basics of the language.
[WEB UI BASIC] JavaScript 1탄
This document provides an introduction to JavaScript and its uses. It explains that JavaScript is an interpreted language like Python, and is used to manipulate HTML documents and respond to user interactions by changing elements and styles on web pages. The DOM is introduced as the tree structure representation of HTML, and JavaScript is said to be able to query and modify this tree. Common JavaScript tasks are then listed, such as handling events, validating and updating client-side data, and making requests to servers.
Java script
This document provides information about Java and JavaScript by comparing and contrasting the two programming languages. It discusses that Java is a compiled programming language that can be used to create both web browser applications and standalone applications, while JavaScript is an interpreted scripting language that runs within web browsers. The document also explains what JavaScript can do, such as manipulate HTML, react to user events, and validate form data. It provides examples of basic JavaScript code and how it can be used with HTML forms.
Implementation of gui framework part1
Masa gives an overview of the GUI framework his team implemented for developing the administrator screen of their web application. The framework uses a combination of open source and custom components, including jQuery, Bootstrap, and custom JavaScript and CSS libraries, to provide a simple and unified programming interface and enable easy handling of data and creation of cool GUIs. Masa describes the architecture and goals of the framework, shows some example screens created with it, and outlines the topics to be covered in future sessions on using Bootstrap and other framework features.
Implementation of GUI Framework part3
The document discusses the introduction of GUI components using JavaScript. It describes the architecture of the GUI framework including custom JavaScript and CSS libraries. It then discusses the benefits of the framework including separation of design and control, simple interfaces, and ease of data handling. Code examples are provided to demonstrate how to write HTML for a form and table and the corresponding JavaScript to initialize components and handle form submission and displaying data in the table. The next session will cover communication with the server using Ajax and JSON.
Implementation of gui framework part2
This document discusses how to use the Bootstrap framework to design screens for a web application. It explains that Bootstrap was chosen for its unified page design, ease of customization, and low learning curve. The author describes downloading Bootstrap templates, including the Bootstrap CSS file, then customizing styles by overwriting rules in a separate CSS file. Firefox's web development tools are used to identify applied styles and test edits. In total, around 800 steps of CSS customization were needed to modify elements like navbars, tables, and modals for the desired screen designs.
Portfolio
The document describes E. Siva Rami Reddy's portfolio website, which was created using HTML, CSS, Bootstrap, and JavaScript. It serves as a virtual resume to showcase skills and experience online. Though initially knowing only basic HTML, Rami Reddy took a 2-week web development bootcamp course through Imbuedesk to learn front-end skills like CSS and Bootstrap. Armed with this new knowledge, Rami Reddy was then able to build out their 8-page portfolio site in just 3 days, applying styles and layouts to showcase their work and skills.
Backbone.js – an introduction
Backbone.js is a model-view framework that separates an application's data layer and user interface layer. It allows for a single source of data that both the views and models can use, improving rendering and organization. The core features include models to define data, collections to manage models, and views to handle user interface events and re-rendering based on data changes. Backbone aims to help developers create full-fledged web applications rather than just websites.
Javascript
This document introduces JavaScript, explaining that it allows for interactivity on web pages by manipulating the browser and reacting to user actions. It is embedded in HTML and executes on the client side for fast loading without a connection. JavaScript statements can include code combined with HTML tags. The document also discusses how JavaScript works with HTML forms to process and validate user input on web pages.
I feel the need... the need for SPEED
The document provides tips for improving website page load speeds, including reducing page weight by minimizing HTTP requests, compressing files using gzip, leveraging browser caching through far-future cache expiration dates, concatenating and minifying CSS and JavaScript files, optimizing images by using icon fonts, sprites and SVG where possible, and only loading responsive images needed for the current viewport.
Our first eZPublish mobile website
The client wants a mobile version of their existing website that only includes certain sections. They list the specific sections they want included from the desktop site. The document then provides information on approaches to building a mobile website, including using device detection vs user choice, architectural differences between mobile and desktop sites, and layout approaches like using jQuery Mobile. It confirms the client is pleased with the proposed mobile site design and thanks them for building it quickly.
Real World Web components
The document discusses web components, which include HTML templates, custom elements, shadow DOM, and HTML imports. Web components allow the creation of reusable custom elements with their own styles and DOM structure. They provide encapsulation and help avoid issues with global namespaces. While browser support is still emerging for some features, polyfills exist and frameworks like Polymer make web components accessible today. Web components represent an important evolution of the web that will improve how code is structured and shared.
1 ppt-ajax with-j_query
AJAX allows web pages to load data from the server asynchronously in the background without reloading the page. It uses JavaScript to make requests to the server and update parts of the page with the response. jQuery simplifies AJAX with methods like $.get() that allow making GET requests and updating HTML. For example, an AJAX call could check username availability and update a form to display if a username is available or taken without reloading the page. Security precautions are needed when handling sensitive data with AJAX.
Levent-Gurses' Introduction to Web Components & Polymer
This is in a developer-focused session on developing iOS apps with Web Components and Google Polymer.
Web Components usher in a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself. Built atop these new standards, Polymer makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond.
The 5 Layers of Web Accessibility
In this month's YDN Tuesday Dirk Ginader, Web Developer and part of the Accessibility Task Force at Yahoo!, will talk about Web Accessibility.
Starting with basic markup and ending with accessible javascript and WAI ARIA he'll cover best practices and lots of tips and tricks to make your websites and web applications accessible to everyone.
Get more information about the event here:
http://skillsmatter.com/event/ajax-ria/web-accessibility
JSの知識だけでLINE Bot作ってみる！ 20170327_we are_javascripters@5th
20170327_we are_javascripters@5thで発表した内容です。
Javascriptの知識だけでLINE Botを作ってみました。
LT中にLiveコーディングも行いました。
SproutCore and the Future of Web Apps
Mike Subelsky of OtherInbox.com discusses the SproutCore JavaScript framework for building desktop web applications that run inside the browser.
Javascript: Ajax & DOM Manipulation v1.2
This is just a slight revamp of my previous slide on this topic.
Javascript by geetanjali
JavaScript is a scripting language that adds interactivity to HTML pages. It works in all major browsers and is used to build dynamic web pages. JavaScript can react to events, modify HTML elements, validate forms, detect browsers, and write cookies. It is commonly placed in <script> tags within HTML pages or linked via external .js files. Comments are added to explain JavaScript code and prevent execution.
HTML5 Forms - KISS time - Fronteers
This document summarizes new HTML5 form elements and attributes. It introduces new input types like color, date, and range. It also describes new form attributes like autocomplete, autofocus, and validation attributes. Styles are demonstrated for required, valid, invalid, and placeholder text. Issues with validation dialogs and international characters are discussed. The document encourages keeping forms simple and provides additional resources.
Performace optimizations and frontend happiness
There are two goals when it comes to performance: faster pages and pages that work fast. Performant applications met both goals, pages get to the user fast but also scroll and update responsively. We will go over the not so obvious performance problems we had in those areas the past year and the solutions (or coding practices) that helped us solve the issues.
JavaScript: Ajax & DOM Manipulation
JavaScript workshop for PSU Information Desk employees. Discusses JavaScript, Ajax, DOM Manipulation, jQuery, etc.
Lecture 11 Answers
This document discusses AJAX (Asynchronous JavaScript and XML), including where it is commonly applied, examples of its use, and some potential problems. It provides examples of AJAX being used for real-time form validation, autocompletion, and updating details without page refreshes. It also lists some frameworks that can be used and references for further information.
Porno calendario
El documento lista los doce meses del año en orden. Supone que el lector ha quedado tan impresionado que ni siquiera ha notado los nombres de los meses enumerados.
More Related Content
What's hot
Implementation of gui framework part1
Masa gives an overview of the GUI framework his team implemented for developing the administrator screen of their web application. The framework uses a combination of open source and custom components, including jQuery, Bootstrap, and custom JavaScript and CSS libraries, to provide a simple and unified programming interface and enable easy handling of data and creation of cool GUIs. Masa describes the architecture and goals of the framework, shows some example screens created with it, and outlines the topics to be covered in future sessions on using Bootstrap and other framework features.
Implementation of GUI Framework part3
The document discusses the introduction of GUI components using JavaScript. It describes the architecture of the GUI framework including custom JavaScript and CSS libraries. It then discusses the benefits of the framework including separation of design and control, simple interfaces, and ease of data handling. Code examples are provided to demonstrate how to write HTML for a form and table and the corresponding JavaScript to initialize components and handle form submission and displaying data in the table. The next session will cover communication with the server using Ajax and JSON.
Implementation of gui framework part2
This document discusses how to use the Bootstrap framework to design screens for a web application. It explains that Bootstrap was chosen for its unified page design, ease of customization, and low learning curve. The author describes downloading Bootstrap templates, including the Bootstrap CSS file, then customizing styles by overwriting rules in a separate CSS file. Firefox's web development tools are used to identify applied styles and test edits. In total, around 800 steps of CSS customization were needed to modify elements like navbars, tables, and modals for the desired screen designs.
Portfolio
The document describes E. Siva Rami Reddy's portfolio website, which was created using HTML, CSS, Bootstrap, and JavaScript. It serves as a virtual resume to showcase skills and experience online. Though initially knowing only basic HTML, Rami Reddy took a 2-week web development bootcamp course through Imbuedesk to learn front-end skills like CSS and Bootstrap. Armed with this new knowledge, Rami Reddy was then able to build out their 8-page portfolio site in just 3 days, applying styles and layouts to showcase their work and skills.
Backbone.js – an introduction
Backbone.js is a model-view framework that separates an application's data layer and user interface layer. It allows for a single source of data that both the views and models can use, improving rendering and organization. The core features include models to define data, collections to manage models, and views to handle user interface events and re-rendering based on data changes. Backbone aims to help developers create full-fledged web applications rather than just websites.
Javascript
This document introduces JavaScript, explaining that it allows for interactivity on web pages by manipulating the browser and reacting to user actions. It is embedded in HTML and executes on the client side for fast loading without a connection. JavaScript statements can include code combined with HTML tags. The document also discusses how JavaScript works with HTML forms to process and validate user input on web pages.
I feel the need... the need for SPEED
The document provides tips for improving website page load speeds, including reducing page weight by minimizing HTTP requests, compressing files using gzip, leveraging browser caching through far-future cache expiration dates, concatenating and minifying CSS and JavaScript files, optimizing images by using icon fonts, sprites and SVG where possible, and only loading responsive images needed for the current viewport.
Our first eZPublish mobile website
The client wants a mobile version of their existing website that only includes certain sections. They list the specific sections they want included from the desktop site. The document then provides information on approaches to building a mobile website, including using device detection vs user choice, architectural differences between mobile and desktop sites, and layout approaches like using jQuery Mobile. It confirms the client is pleased with the proposed mobile site design and thanks them for building it quickly.
Real World Web components
The document discusses web components, which include HTML templates, custom elements, shadow DOM, and HTML imports. Web components allow the creation of reusable custom elements with their own styles and DOM structure. They provide encapsulation and help avoid issues with global namespaces. While browser support is still emerging for some features, polyfills exist and frameworks like Polymer make web components accessible today. Web components represent an important evolution of the web that will improve how code is structured and shared.
1 ppt-ajax with-j_query
AJAX allows web pages to load data from the server asynchronously in the background without reloading the page. It uses JavaScript to make requests to the server and update parts of the page with the response. jQuery simplifies AJAX with methods like $.get() that allow making GET requests and updating HTML. For example, an AJAX call could check username availability and update a form to display if a username is available or taken without reloading the page. Security precautions are needed when handling sensitive data with AJAX.
Levent-Gurses' Introduction to Web Components & Polymer
This is in a developer-focused session on developing iOS apps with Web Components and Google Polymer.
Web Components usher in a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself. Built atop these new standards, Polymer makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond.
The 5 Layers of Web Accessibility
In this month's YDN Tuesday Dirk Ginader, Web Developer and part of the Accessibility Task Force at Yahoo!, will talk about Web Accessibility.
Starting with basic markup and ending with accessible javascript and WAI ARIA he'll cover best practices and lots of tips and tricks to make your websites and web applications accessible to everyone.
Get more information about the event here:
http://skillsmatter.com/event/ajax-ria/web-accessibility
JSの知識だけでLINE Bot作ってみる！ 20170327_we are_javascripters@5th
20170327_we are_javascripters@5thで発表した内容です。
Javascriptの知識だけでLINE Botを作ってみました。
LT中にLiveコーディングも行いました。
SproutCore and the Future of Web Apps
Mike Subelsky of OtherInbox.com discusses the SproutCore JavaScript framework for building desktop web applications that run inside the browser.
Javascript: Ajax & DOM Manipulation v1.2
This is just a slight revamp of my previous slide on this topic.
Javascript by geetanjali
JavaScript is a scripting language that adds interactivity to HTML pages. It works in all major browsers and is used to build dynamic web pages. JavaScript can react to events, modify HTML elements, validate forms, detect browsers, and write cookies. It is commonly placed in <script> tags within HTML pages or linked via external .js files. Comments are added to explain JavaScript code and prevent execution.
HTML5 Forms - KISS time - Fronteers
This document summarizes new HTML5 form elements and attributes. It introduces new input types like color, date, and range. It also describes new form attributes like autocomplete, autofocus, and validation attributes. Styles are demonstrated for required, valid, invalid, and placeholder text. Issues with validation dialogs and international characters are discussed. The document encourages keeping forms simple and provides additional resources.
Performace optimizations and frontend happiness
There are two goals when it comes to performance: faster pages and pages that work fast. Performant applications met both goals, pages get to the user fast but also scroll and update responsively. We will go over the not so obvious performance problems we had in those areas the past year and the solutions (or coding practices) that helped us solve the issues.
JavaScript: Ajax & DOM Manipulation
JavaScript workshop for PSU Information Desk employees. Discusses JavaScript, Ajax, DOM Manipulation, jQuery, etc.
Lecture 11 Answers
This document discusses AJAX (Asynchronous JavaScript and XML), including where it is commonly applied, examples of its use, and some potential problems. It provides examples of AJAX being used for real-time form validation, autocompletion, and updating details without page refreshes. It also lists some frameworks that can be used and references for further information.
What's hot (20)
Levent-Gurses' Introduction to Web Components & Polymer
Levent-Gurses' Introduction to Web Components & Polymer
JSの知識だけでLINE Bot作ってみる！ 20170327_we are_javascripters@5th
JSの知識だけでLINE Bot作ってみる！ 20170327_we are_javascripters@5th
Viewers also liked
Porno calendario
El documento lista los doce meses del año en orden. Supone que el lector ha quedado tan impresionado que ni siquiera ha notado los nombres de los meses enumerados.
Vote For Michelle
This document promotes Michelle Ryan for a celebrity vote-off, highlighting her outstanding beauty, fantastic figure, and great breasts as reasons to vote for her. It emphasizes her breasts twice and asks readers to vote for Michelle on thecelebforum.org.
Lotus - normas gráficas
Este documento fornece diretrizes sobre o uso da identidade visual da Lótus, incluindo suas cores oficiais, formatos de arquivo aceitáveis e diretrizes para o uso do logotipo em diferentes fundos. É fornecido um manual completo com 15 páginas sobre a correta aplicação do logotipo e identidade visual da empresa.
Sexy bum pic
Need to get appealing and Sexy Bum Pic stock? Find fabulous attractive free pictures here at bumaday.com that you won't find anywhere else. You can also upload the photos of any bums which you have to want to share with the outer world. We have made our site by taking in thought all fans and lovers of bums, whether appeal, charming and beautiful.
Page 3 journalism 2016 djk.ppt
Page 3 refers to the entertainment section commonly found in newspapers, containing news, horoscopes, puzzles and recipes. It covers fashion, celebrities, music and the lifestyles of the rich and famous. In the UK, Page 3 originated from The Sun newspaper and featured glamour model photographs, though many now want this abolished due to concerns over nudity and objectification of women. It remains a popular part of tabloid culture in India where it provides diversion and escapism.
Introduction of Html/css/js
HTML is a markup language used to define the structure and layout of web pages. CSS is used to style and lay out HTML elements, and JavaScript can be used to program behaviors and interactions in web pages. jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animations, and Ajax interactions for rapid web development.
Torremolinos presentation in English
Presentation of the nice town of Torremolinos in English . The Beaches of torremolinos should be highlighted as one of its main tourist attractions of the town. The beaches are soft and varied some dedicated to family tourism as carihuela or bajondillo others which will see and practice kite as sufring beach in playamar ... there is even a part where nudists in the beach beach between Los Alamos and Guadalmar beach.
HTML CSS & Javascript
- HTML, CSS, and JavaScript are becoming the new standard for building applications and interactive experiences on the web.
- Best practices include using semantic HTML, clean CSS with a focus on maintainability, and JavaScript performance optimizations.
- Key techniques discussed are image sprites, progressive enhancement, and jQuery selector chaining to reduce DOM lookups.
Valencia CF - 10 Match Team Study + Analysis
Valencia Club de Fútbol has had success in La Liga and Europe historically, winning several league and cup titles. After 10 games in the 2014/15 season, Valencia sits in second place in La Liga, one point behind leaders Real Madrid. They have performed well at home but their away form needs improvement, having lost once and drawn twice away from home so far. The tactical analysis will examine Valencia's style of play, system, possession, defending, and set pieces based on observations from their first 10 matches.
Ebola MOOC: Undressing
This document outlines strict procedures for undressing after working in a high-risk contamination area. It instructs to remove the most contaminated clothing first while spraying chlorine solution between each step to reduce risk of contamination. Finally, hands should be sprayed with a lower concentration chlorine solution before leaving the area.
Sydney Beaches
This document lists beaches located in and around Sydney, Australia. It mentions over 20 beaches, some of which are listed multiple times, including Athol Beach, Quarantine Beach, Seven Shillings Beach, Milk Beach, Shark Beach, Watsons Bay, Camp Cove, Lady Bay Nudist Beach, Tamarama, Bronte, Maroubra, Clovelly, Coogee, Bondi, Cronulla, Balmoral, Avalon, Collaroy, Bunggan Beach, Curl Curl, Shelly Beach, Manly, Narrabeen, Mona Vale, and Palm Beach. The beaches span the areas of Sydney, Northern Beaches, and Cronulla.
The Whore of South London
Zack, the CEO of Wellington Securities, was abducted and drugged by a prostitution ring called the "Ruffianas" after refusing to launder money for them. He was dressed as a woman named Zoey and forced into prostitution, selling her body to bring back money for the mob leader Marianna. Zoey became known as the "whore of south London" and her curvy figure and big round ass attracted many unwanted clients. She lived in constant fear but had no choice other than to submit to Marianna's demands.
Me!me!me!
This document provides advice on how writers can strategically use blogging and social media to build their brand and promote their work. It discusses how several successful authors used these tools to become well-known. While social media can help with promotion, it is important for writers to focus first on developing their craft and setting writing goals. When blogging, writers should curate their content strategically and present a consistent brand, voice and area of expertise to build an audience over time. Social media can support writers' goals if used intentionally as another outlet for their work.
The Hotel By Helen Slater
The couple meets at a hotel knowing they are there for a sexual encounter. They hastily undress and engage in oral sex, passionate kissing, and intercourse in multiple positions. They experience several intense climaxes before getting dressed and leaving separately.
Viewers also liked (17)
Similar to Don't code CRAP in 2012 (architecture & future)
Web 2.0
This document provides an overview of key web development concepts including HTML, CSS, JavaScript, dynamic web pages, separation of concerns, MVC, AJAX, and Web 2.0. It discusses how these concepts work together to build modern, dynamic websites that are engaging for users. The document also provides examples of how to structure code using these techniques in languages like Ruby on Rails.
frontend-161011205424 (1).pdf
The document discusses the three layers of web design: structure with HTML, style with CSS, and behavior with JavaScript. It provides examples of how each layer contributes to building a web page, with HTML providing structure and markup, CSS controlling presentation and styling, and JavaScript enabling interactivity and actions. The document also clarifies that JavaScript is not the same as Java and can be used for tasks like form validation, auto-suggest search results, and slideshow image transitions.
Web Development
The document discusses the three layers of web design: structure with HTML, style with CSS, and behavior with JavaScript. It provides examples of how each layer contributes to building a web page, with HTML providing structure and markup, CSS controlling presentation and styling, and JavaScript adding interactivity and dynamic behavior. The document also seeks to clarify that JavaScript is not the same as Java, as their names often cause confusion, and outlines some common uses of JavaScript like form validation, auto-suggest search functionality, and slideshow creation.
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
Talk given at Five Pound App at The Skiff in Brighton on the 15th July 2009:
http://fivepoundapp.com/meetup/18/
Submit form with Ajax and jQuery without reloading page.pdf
Howdy friends, these days when people fill out a form on webpages they want an instant response!
So today in this article, we will show you how to submit the form with Ajax and jQuery without reloading the page. Yup! your form will be submitted but the webpage won’t refresh at all. To achieve this we will use our trusted jQuery and Ajax.
But Ajax is the key here!
Because it allows us to send and receive data without refreshing our webpage. Don’t worry I will explain it in detail in the next section.
You can use our code in combination with PHPMailer or Sendgrid to send emails as well. And send emails without any refresh or reload. Meaning with Ajax form submission without refresh, you can build applications where you can submit the form and display the results on the same page.
Anyway, let’s learn the basics first of jQuery and Ajax.
Google IO 2013: Web Performance Matters
This document summarizes information from Google IO 2013 sessions about improving web performance. It discusses techniques like avoiding unnecessary repaints and reflows, using layers for animations, leveraging the GPU, and minimizing paint rectangles. Tips are provided such as batching style changes, using the timeline tool in developer tools, and references for further reading on writing fast JavaScript and CSS rendering performance.
frontend-161011205424.pptx
This document discusses the three main layers of front-end web development: structure with HTML, style with CSS, and behavior with JavaScript. It provides examples of how HTML provides structure and semantics, CSS controls presentation and styling, and JavaScript adds interactivity. The document also clarifies that JavaScript is not the same as Java and discusses some common uses of JavaScript, such as form validation, autocomplete search suggestions, and slideshow creation.
Going native with html5 web components
The document discusses emerging web component standards that aim to address common issues in web development by allowing encapsulation of reusable UI elements. It outlines problems like undescriptive markup, style conflicts, lack of templates and bundling, and no standards. It then introduces web components features like templates, custom elements, shadow DOM, and HTML imports that provide solutions through native browser APIs and demos how each feature works.
6주 javaScript 시작하며
The document discusses the basics of JavaScript including how it works in browsers, its core syntax, and basic function usage. It provides examples of writing an avg() function that calculates averages and a dummy() function that reverses the order of elements in an array.
SMX_DevTools_Monaco_2.pdf
Chrome DevTools are a set of free tools built directly into the Google Chrome browser, that offer developers and SEO specialists exceptional insights into underlying SEO issues. In this session, we will look at how to use it for technical SEO auditing, performance testing and crawlability, especially for JavaScript sites.
Solving Common Web Component Problems - Simon MacDonald
This document discusses solving common problems with web components using server side rendering. It begins by explaining what web components are - custom elements, shadow DOM, and HTML templates. It then discusses why web components are useful, such as component reuse and interoperability. Common problems with web components are described like flash of undefined custom elements (FOUCE) and shadow DOM not playing well with native forms. Solutions to these problems include declarative shadow DOM and the Enhance framework, which allows server side rendering of components to avoid FOUCE and uses the light DOM for styling instead of shadow DOM. Overall, the document presents server side rendering as an effective way to solve problems with web components.
Developing node-mdb: a Node.js - based clone of SimpleDB
The document discusses the development of node-mdb, an open source emulation of Amazon's SimpleDB NoSQL cloud database using Node.js and the GT.M database. It describes why the author chose to emulate SimpleDB, use GT.M as the database backend, and develop it using Node.js. It also provides details on how node-mdb implements the SimpleDB APIs by mapping the database schema and operations to GT.M globals and leveraging Node.js asynchronous programming patterns.
1. Let's study web-development
This is a lecture for people who start to learn programming.
1. The Reasons You Should Learn To Code.
2. Web Development?
3. Why Should We Start It With Web Development?
4. House vs. Web-site
5. How it works!
6. Why AWS? Why Python? Why? Why?
7. Summary
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world.
With the official shipment of Angular 4 and the current release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions.
In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development.
This very demo-intensive session will make sure that at the end you get those 3 key takeaways :
- Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world
- Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario
- Change the way you will think for your next SharePoint project
jQuery quick tips
The document provides 10 tips for using jQuery more effectively:
1. Use CSS instead of JavaScript when possible for effects.
2. Code JavaScript unobtrusively so basic functionality works without JavaScript.
3. Use pure JavaScript for simple tasks before learning jQuery.
4. Cache jQuery selections to improve performance.
5. Chain jQuery methods to reduce function calls.
6. Write readable code with comments and indentation.
7. Avoid unnecessary plugins to reduce page load.
8. Consider mobile devices with smaller screens and processing power.
9. Use IDs over other selectors for best performance.
10. Use find() instead of selectors from right to left for better performance.
Please dont touch-3.6-jsday
The document discusses various ways that web performance can be improved, including reducing the number of server requests, minimizing file sizes through compression and minification, leveraging caching, optimizing browser rendering through techniques like deferred parsing of JavaScript, and using tools to automate optimizations. It emphasizes that most of the end user response time is spent in the frontend and recommends starting performance improvements there.
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
This document provides an overview of HTML5, CSS3, jQuery, and REST and how they can be used with SharePoint 2010. It discusses the new elements, functions, and APIs in HTML5 and CSS3 and how they allow for richer user experiences. jQuery is presented as a way to select and manipulate page elements as well as call REST web services. REST services through ListData.svc and returning JSON data are demonstrated. jQuery templates are shown as a way to display data collections. The future of SharePoint development moving more to client-side technologies like these is also discussed.
Look ma! No images!
1. The document discusses using CSS to create visual elements like shapes, logos, and icons instead of images for performance, maintainability, and resolution independence reasons.
2. It provides examples of how to create basic shapes like rectangles, circles, and triangles using CSS properties like border-radius, gradients, and positioning.
3. The document also covers techniques for generating HTML elements, using pseudo-elements, and manipulating elements with transforms to create effects like masks and shadows.
INFO 3775 Chapter 2 Part 1
This document discusses HTML, JavaScript, and CSS in web development. It explains that HTML structures the page but has no processing power, JavaScript can manipulate page elements and perform calculations, and CSS styles the page appearance but does not add functionality. It also covers how JavaScript runs, controlling when it runs, using loops and conditional statements, and linking external JavaScript files.
13-IntroJavascript.pptx
The document provides an introduction to JavaScript and compares it to other programming languages like PHP and Java. It discusses why client-side scripting with JavaScript is useful in addition to server-side programming with PHP. JavaScript allows for faster user interfaces, more efficient page updates, and event-driven interactions. The document then defines JavaScript as a lightweight scripting language used to make web pages interactive. It covers basic JavaScript syntax like variables, data types, operators, and control structures like if/else statements and loops. It also discusses how to access and manipulate elements of an HTML document using the DOM.
Similar to Don't code CRAP in 2012 (architecture & future) (20)
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
Five Pound App talk: hereit.is, Web app architecture, REST, CSS3
Submit form with Ajax and jQuery without reloading page.pdf
Submit form with Ajax and jQuery without reloading page.pdf
Solving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonald
Developing node-mdb: a Node.js - based clone of SimpleDB
Developing node-mdb: a Node.js - based clone of SimpleDB
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
2012 - HTML5, CSS3 and jQuery with SharePoint 2010
Recently uploaded
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Video Streaming: Then, Now, and in the Future
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Join us to introduce Milvus Lite, a vector database that can run on notebooks and laptops, share the same API with Milvus, and integrate with every popular GenAI framework. This webinar is perfect for developers seeking easy-to-use, well-integrated vector databases for their GenAI apps.
20 Comprehensive Checklist of Designing and Developing a Website
Dive into the world of Website Designing and Developing with Pixlogix! Looking to create a stunning online presence? Look no further! Our comprehensive checklist covers everything you need to know to craft a website that stands out. From user-friendly design to seamless functionality, we've got you covered. Don't miss out on this invaluable resource! Check out our checklist now at Pixlogix and start your journey towards a captivating online presence today.
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
National Security Agency - NSA mobile device best practices
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
Climate Impact of Software Testing at Nordic Testing Days
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications.
Full-RAG: A modern architecture for hyper-personalization
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
Mind map of terminologies used in context of Generative AI
Mind map of common terms used in context of Generative AI.
Recently uploaded (20)
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Don't code CRAP in 2012 (architecture & future)
- 1. don’t code CRAP!!! for a better 2012
- 2. JAVASCRIPT is...
- 5. HTML + JS + CSS sucks! and you know why!!!
- 6. but... wait! JS can write HTML! JS can write CSS too! JS can make it crossbrowser!!
- 7. then why do we need to write crossbrowser HTML and CSS?
- 9. Cheat! write ugly HTML and get sexy pages
- 10. you can really get hot, sexy high performance chicks (apps) too.
- 11. YES!
- 12. SHE’s HOT! -wanna know her?
- 13. her name is javascript and she hates messy guys like
- 14. I used to be the HTMLCSS guy
- 16. javascript only You should really get/make a frame- work that generates HTML&CSS code.
- 19. use 100% ajax with JSON only, NO dirty HTML*
- 21. *write duplicate data for SEO & for the JS
- 22. 4 SEO generate HTML to be viewed by search engine spiders ONLY.
- 23. 4 JS generate javascript code, more exactly simple objects {key: ‘value’}
- 24. SERVER will only serve DIRTY HTML for/on: -SEO; -first page; -refresh;
- 25. SERVER will only serve CLEAN JSON: -for everything else;
- 27. SRV.router() -check if it’s a get/post request; -can return an instant cache result; -can call the service manager;
- 28. S.serviceMng() -a singleton; -avoids duplicate service requests;
- 29. S.service() -just like a controller in MVC, but I like more to name it a service because returns pure objects no HTML
- 30. S.model() -no need to explain; -the cache is managed here and not in the service; -data is filtered here and not in the render()
- 31. S.render() -render raw HTML only for SEO; -renders javascript objects;
- 32. but to make a change like this is HARD!
- 33. you really need good JS stuff; some- thing like Dojo
- 34. or YUI3 but not jQyery!!!
- 35. my JS? I’m building a JS framework that is presented in the other slide.
- 36. help I would need some help in order to make it. If you want a better web this is one of the ways. (ask for it!)
- 37. change please don’t write more creepy architectures! it’s 2012!
- 38. and don’t
- 39. worry about
- 40. the Big guys! 100 CRAP =~ 1 SMART
- 41. function totty(){ if(‘thanks!’){ you = ‘help’ || ‘share’; } return you; } // bye