Meteor + Ionic Introduction
•Download as PPTX, PDF•
0 likes•1,037 views
The document provides an introduction to Meteor and Meteoric frameworks. It discusses key principles of Meteor such as using one language across client and server, database access from anywhere, and automatic reactivity. It also covers how to install Meteor, create an app, define templates with helpers and events. Finally, it introduces Meteoric which integrates Meteor with Ionic for building mobile apps, including using Ionic directives and icons.
Report
Share
Report
Share
Recommended
Having Fun Building Web Applications (Day 2 slides)
This document summarizes Day 2 of a Meteor development workshop. It introduces Meteor, a platform that allows building full-stack web apps using JavaScript on both the client and server. Key topics covered include installing Meteor, creating a new project, adding packages, using templates with reactive data binding, setting up user accounts, interacting with the MongoDB database using Collections, and deploying a Meteor app. Exercises guide applying these concepts by building out an app structure, adding features like user profiles and likes/views counting, and deploying the final project.
Web Deployment With Visual Studio 2010
The document discusses managing configuration settings across different environments when deploying web applications. It describes using web.config transformations to maintain a single configuration file with environment-specific settings. The transformations are applied during deployment to the target environment. MS Deploy is also mentioned as a tool that can deploy applications and synchronize configurations remotely.
ASP.NET MVC and ajax
This document discusses working with ASP.NET MVC and AJAX. It introduces AJAX and its benefits, describes raw AJAX implementation, and multiple AJAX options like Microsoft AJAX, jQuery AJAX, and AJAX helpers. It also covers rendering partial views with AJAX, handling errors, using JSON, and integrating WCF services.
ASP.NET Lecture 2
The document discusses ASP.NET concepts including user controls, validation controls, and state management. User controls allow reusable components and inherit page properties. Validation controls validate client-side and server-side. State management techniques preserve information across requests using view state, session state, cookies, and other methods. The document also covers ASP.NET configuration files and application events.
ASP.NET Page Life Cycle
The document discusses the ASP.NET page lifecycle, which begins when a client requests a page from the server. It goes through initialization, loading, validation, event handling, and rendering steps. Key parts of the lifecycle include initializing controls and themes, loading view state and postback data, validating controls, firing server-side events, and rendering the output. Master pages and user controls follow the same lifecycle but are initialized differently and have their events called at different times in the process. The full lifecycle ensures the correct processing and output of the requested page.
code-camp-meteor
This document provides an introduction to the Meteor platform for building web applications. It outlines Meteor's key features like using JavaScript on both the client and server, reactive programming, and the Distributed Data Protocol. The document then covers installing Meteor, creating a sample todo list app, using Meteor packages and templates, defining collections, routing, security concepts, and deploying built Meteor apps. It concludes with an example of building a blog posting app called "post-by-me" that demonstrates additional Meteor features like user accounts, editing content, and email functionality.
Spicing up SharePoint web parts
From DevConnections Las Vegas, Apr 19, 2011
Whether it’s dashboards, content publishing, or day-to-day collaboration, SharePoint’s web pages usually contain lots of web parts. Using traditional post-back techniques to refresh a single web part’s content is both slow and visually annoying. This session will cover what’s possible using AJAX, custom web services, the client object model and jQuery to spice up the SharePoint web parts that you’re cooking. Boom!
Recommended
Having Fun Building Web Applications (Day 2 slides)
This document summarizes Day 2 of a Meteor development workshop. It introduces Meteor, a platform that allows building full-stack web apps using JavaScript on both the client and server. Key topics covered include installing Meteor, creating a new project, adding packages, using templates with reactive data binding, setting up user accounts, interacting with the MongoDB database using Collections, and deploying a Meteor app. Exercises guide applying these concepts by building out an app structure, adding features like user profiles and likes/views counting, and deploying the final project.
Web Deployment With Visual Studio 2010
The document discusses managing configuration settings across different environments when deploying web applications. It describes using web.config transformations to maintain a single configuration file with environment-specific settings. The transformations are applied during deployment to the target environment. MS Deploy is also mentioned as a tool that can deploy applications and synchronize configurations remotely.
ASP.NET MVC and ajax
This document discusses working with ASP.NET MVC and AJAX. It introduces AJAX and its benefits, describes raw AJAX implementation, and multiple AJAX options like Microsoft AJAX, jQuery AJAX, and AJAX helpers. It also covers rendering partial views with AJAX, handling errors, using JSON, and integrating WCF services.
ASP.NET Lecture 2
The document discusses ASP.NET concepts including user controls, validation controls, and state management. User controls allow reusable components and inherit page properties. Validation controls validate client-side and server-side. State management techniques preserve information across requests using view state, session state, cookies, and other methods. The document also covers ASP.NET configuration files and application events.
ASP.NET Page Life Cycle
The document discusses the ASP.NET page lifecycle, which begins when a client requests a page from the server. It goes through initialization, loading, validation, event handling, and rendering steps. Key parts of the lifecycle include initializing controls and themes, loading view state and postback data, validating controls, firing server-side events, and rendering the output. Master pages and user controls follow the same lifecycle but are initialized differently and have their events called at different times in the process. The full lifecycle ensures the correct processing and output of the requested page.
code-camp-meteor
This document provides an introduction to the Meteor platform for building web applications. It outlines Meteor's key features like using JavaScript on both the client and server, reactive programming, and the Distributed Data Protocol. The document then covers installing Meteor, creating a sample todo list app, using Meteor packages and templates, defining collections, routing, security concepts, and deploying built Meteor apps. It concludes with an example of building a blog posting app called "post-by-me" that demonstrates additional Meteor features like user accounts, editing content, and email functionality.
Spicing up SharePoint web parts
From DevConnections Las Vegas, Apr 19, 2011
Whether it’s dashboards, content publishing, or day-to-day collaboration, SharePoint’s web pages usually contain lots of web parts. Using traditional post-back techniques to refresh a single web part’s content is both slow and visually annoying. This session will cover what’s possible using AJAX, custom web services, the client object model and jQuery to spice up the SharePoint web parts that you’re cooking. Boom!
Asp.net state management
The document discusses different state management techniques in ASP.NET. It describes client-side techniques like hidden fields, view state, cookies, query strings, and control state. It also describes server-side techniques like session state and application state. Session state stores and retrieves data for each user session while application state stores data accessible to all users. Examples are provided for hidden fields, view state, cookies, query strings, session state, and application state.
Mule Integration with Dropbox
This document provides an overview of integrating MuleSoft with Dropbox using the Mule Dropbox connector. It describes setting up a Dropbox developer account and creating an app to get API keys. Steps are outlined for installing the Dropbox connector in Anypoint Studio and creating a Mule flow to perform authorization and create a folder in Dropbox. The flow uses the Dropbox connector endpoints to authorize and make API calls to create a folder, with the folder name passed as a query parameter. Running the application triggers the flow, which authorizes with Dropbox and creates the new folder, demonstrating successful integration between Mule and Dropbox.
Web controls
Web controls are used to build the graphical user interface of ASP.NET applications. There are four main types of web controls: intrinsic controls, list controls, rich controls, and validation controls. Intrinsic controls correspond directly to basic HTML elements like text boxes and buttons. List controls handle repetitive elements like drop-down lists and checkboxes. Rich controls provide advanced functionality like calendars. Validation controls validate user input on the client-side before form submission.
Asp.net.
This document provides an introduction and overview of ASP.NET and Web Forms. It discusses the background of ASP and how ASP.NET was developed to address challenges with ASP. The key features of ASP.NET, including Web Forms, Web Services, and the .NET Framework are described. The document then covers the ASP.NET programming model based on controls and events, and how postbacks maintain page state without requiring additional code. It also introduces the ASP.NET object model and server-side controls.
ASP.NET MVC Performance
1. The document discusses various optimizations that can be made to an ASP.NET MVC application to improve performance, including compiled LINQ queries, URL caching, and data caching.
2. Benchmark results show that optimizing partial view rendering, LINQ queries, and URL generation improved performance from 8 requests/second to 61.5 requests/second. Additional caching of URLs, statistics, and content improved performance to over 400 requests/second.
3. Turning off ASP.NET debug mode also provided a significant performance boost, showing the importance of running production sites in release mode.
Ch 04 asp.net application
An ASP.NET application consists of files, pages, handlers, modules and executable code that can be invoked from a virtual directory. Unlike a Windows application, users do not directly run an ASP.NET application - requests are passed to the ASP.NET worker process. Web pages in the same virtual directory execute in the same application domain. The global.asax file allows handling of application-level events, and configuration is managed through XML configuration files like web.config. ASP.NET uses lazy initialization to create application domains on the first request, and recycles domains periodically to maintain performance.
Integrate MongoDB & SQL data with a single REST API
Webinar slides. Describes how you create a backend application, in the cloud or on premise, that join data from MongoDb and SQL databases with a single RESTful API.
Ajax and ASP.NET AJAX
The document provides an overview of ASP.Net AJAX including JavaScript in ASP.NET, fundamentals of AJAX, AJAX in ASP.Net, AJAX controls in ASP.Net. It discusses ways to add client-side JavaScript, the ScriptManager control, UpdatePanel, triggers, Timer control and UpdateProgress. Partial page updates in AJAX are explained along with differences between traditional and AJAX web applications.
ASP.NET 4.0 Roadmap
This document summarizes new features in ASP.NET 4.0 including improvements to ASP.NET Web Forms, ASP.NET AJAX, ASP.NET MVC, ASP.NET Dynamic Data, and search engine optimization. Key features discussed include enhanced control over rendering, view state, client IDs, routing support, and AJAX controls in ASP.NET AJAX.
servlet programming
The document contains code for three servlet programs: HelloWorld servlet that prints "Hello world", EmailServlet that takes user email as input and prints it, and FactorialServlet that calculates and displays factorial of a given number. The servlet code is written in Java and interacts with HTML pages for input/output.
Creating REST Webservice With NetBeans
This document provides steps for creating a RESTful web service using Java Persistence API (JPA) that consumes a web service and integrates with Google Maps. It outlines setting up a project in NetBeans with Glassfish server and MySQL, generating entities from a database table, creating a RESTful resource class, testing the service, and obtaining a Google Maps API key to integrate maps into the service response.
Mule with jdbc(my sql)
This document provides a 3-step process for connecting a Mule ESB flow to a MySQL database using JDBC: 1) Create a Mule project and flow, add a JDBC endpoint, and configure the query and data source; 2) Add the MySQL connector JAR file to the project's lib folder; 3) Run the Mule application to retrieve data from the database and display it in the console.
Ajax & ASP.NET 2
AJAX is a technique for building interactive web applications that uses asynchronous JavaScript and XML requests to update parts of a page without reloading the entire page. It aims to make web pages feel more responsive by exchanging small amounts of data with the server behind the scenes. Common uses of AJAX include Google Maps, Gmail, and Yahoo Mail. The ASP.NET AJAX framework and ASP.NET AJAX Control Toolkit provide tools for implementing AJAX functionality in ASP.NET applications.
Ajax control asp.net
This document provides an overview of AJAX controls in ASP.NET, including the ScriptManager control, UpdatePanel control, UpdateProgress control, and Timer control. The ScriptManager control is required for other AJAX controls to function and handles client-side scripting. The UpdatePanel control allows for partial page updates to refresh just a portion of the page. The UpdateProgress control provides visual feedback during asynchronous postbacks. The Timer control can be used to trigger asynchronous postbacks on a timed interval.
ASP.NET - Life cycle of asp
The document describes the life cycle of an ASP.NET application and page. The application life cycle involves initializing objects when a request is received. The page life cycle involves loading a requested page into memory, processing it through various stages like initialization, load, validation and rendering, before unloading it from memory. Key events that can be handled at each stage of the page life cycle are also outlined.
Simple todo app with meteor
Meteor is a full-stack JavaScript framework that allows developers to build web applications quickly using a single programming language. It includes a development environment to build the app, a database (MongoDB), and communication protocols (DDP) to connect the client and server. The document demonstrates a simple Todo app built with Meteor that allows users to create, update, and mark tasks as complete. Templates are used to display tasks and counts, while events and helpers interact with the Tasks collection in MongoDB to add, update, and filter data.
Presentation on asp.net controls
The document discusses various types of HTML and web server controls including data controls for displaying data in tables, validation controls for checking user input, login controls for authentication, and web parts controls for customizing web pages. Web server controls enable visual representation of data and allow users to perform CRUD operations on a data source from the browser. Validation controls compare user entries to constant values for both browser and server-side checking. Login controls provide a GUI for signing in and out as well as changing passwords. Web parts controls allow customization of web page content, appearance, and behavior directly from the browser.
Mule with facebook
This document discusses how to use the Facebook connector in Mule ESB to connect an application to Facebook. It covers configuring the Facebook connector with a Facebook app ID and secret key, creating Mule flows to authenticate with Facebook using OAuth2, retrieve a logged in user's details, and publish a message to their Facebook wall. The document provides XML examples and screenshots of the configuration.
Cejv659 week09 glassfish-s14
From my course on Web services at Concordia University's Continuing Education Computer Institute. This presentation shows how to configure GlassFish 4.0 with MySQL 5.6 for use in NetBeans 8.0.
Introduction To Code Igniter
Lecture on CodeIgniter, # OSS Essential Training Program at Chittagong University of Engineering Technology, February 2008, http://bdosdn.org/wsatcuet.php
Adding a view
The document describes how to add a view template in ASP.NET MVC to cleanly encapsulate generating HTML responses. It discusses creating a view template using Razor, passing data from a controller to a view using ViewBag, and using a layout template to apply shared HTML across multiple views. The controller action returns a ViewResult to use the view template, and data can be passed to the view to generate dynamic responses.
Angular - Chapter 4 - Data and Event Handling
The document provides information about Angular data binding and event handling. It discusses how interpolation can be used to connect data from a component class to its template. It also explains how property binding and event binding allow two-way communication between the component class and template. Finally, it introduces ngModel for setting up two-way data binding between an input element and a property.
More Related Content
What's hot
Asp.net state management
The document discusses different state management techniques in ASP.NET. It describes client-side techniques like hidden fields, view state, cookies, query strings, and control state. It also describes server-side techniques like session state and application state. Session state stores and retrieves data for each user session while application state stores data accessible to all users. Examples are provided for hidden fields, view state, cookies, query strings, session state, and application state.
Mule Integration with Dropbox
This document provides an overview of integrating MuleSoft with Dropbox using the Mule Dropbox connector. It describes setting up a Dropbox developer account and creating an app to get API keys. Steps are outlined for installing the Dropbox connector in Anypoint Studio and creating a Mule flow to perform authorization and create a folder in Dropbox. The flow uses the Dropbox connector endpoints to authorize and make API calls to create a folder, with the folder name passed as a query parameter. Running the application triggers the flow, which authorizes with Dropbox and creates the new folder, demonstrating successful integration between Mule and Dropbox.
Web controls
Web controls are used to build the graphical user interface of ASP.NET applications. There are four main types of web controls: intrinsic controls, list controls, rich controls, and validation controls. Intrinsic controls correspond directly to basic HTML elements like text boxes and buttons. List controls handle repetitive elements like drop-down lists and checkboxes. Rich controls provide advanced functionality like calendars. Validation controls validate user input on the client-side before form submission.
Asp.net.
This document provides an introduction and overview of ASP.NET and Web Forms. It discusses the background of ASP and how ASP.NET was developed to address challenges with ASP. The key features of ASP.NET, including Web Forms, Web Services, and the .NET Framework are described. The document then covers the ASP.NET programming model based on controls and events, and how postbacks maintain page state without requiring additional code. It also introduces the ASP.NET object model and server-side controls.
ASP.NET MVC Performance
1. The document discusses various optimizations that can be made to an ASP.NET MVC application to improve performance, including compiled LINQ queries, URL caching, and data caching.
2. Benchmark results show that optimizing partial view rendering, LINQ queries, and URL generation improved performance from 8 requests/second to 61.5 requests/second. Additional caching of URLs, statistics, and content improved performance to over 400 requests/second.
3. Turning off ASP.NET debug mode also provided a significant performance boost, showing the importance of running production sites in release mode.
Ch 04 asp.net application
An ASP.NET application consists of files, pages, handlers, modules and executable code that can be invoked from a virtual directory. Unlike a Windows application, users do not directly run an ASP.NET application - requests are passed to the ASP.NET worker process. Web pages in the same virtual directory execute in the same application domain. The global.asax file allows handling of application-level events, and configuration is managed through XML configuration files like web.config. ASP.NET uses lazy initialization to create application domains on the first request, and recycles domains periodically to maintain performance.
Integrate MongoDB & SQL data with a single REST API
Webinar slides. Describes how you create a backend application, in the cloud or on premise, that join data from MongoDb and SQL databases with a single RESTful API.
Ajax and ASP.NET AJAX
The document provides an overview of ASP.Net AJAX including JavaScript in ASP.NET, fundamentals of AJAX, AJAX in ASP.Net, AJAX controls in ASP.Net. It discusses ways to add client-side JavaScript, the ScriptManager control, UpdatePanel, triggers, Timer control and UpdateProgress. Partial page updates in AJAX are explained along with differences between traditional and AJAX web applications.
ASP.NET 4.0 Roadmap
This document summarizes new features in ASP.NET 4.0 including improvements to ASP.NET Web Forms, ASP.NET AJAX, ASP.NET MVC, ASP.NET Dynamic Data, and search engine optimization. Key features discussed include enhanced control over rendering, view state, client IDs, routing support, and AJAX controls in ASP.NET AJAX.
servlet programming
The document contains code for three servlet programs: HelloWorld servlet that prints "Hello world", EmailServlet that takes user email as input and prints it, and FactorialServlet that calculates and displays factorial of a given number. The servlet code is written in Java and interacts with HTML pages for input/output.
Creating REST Webservice With NetBeans
This document provides steps for creating a RESTful web service using Java Persistence API (JPA) that consumes a web service and integrates with Google Maps. It outlines setting up a project in NetBeans with Glassfish server and MySQL, generating entities from a database table, creating a RESTful resource class, testing the service, and obtaining a Google Maps API key to integrate maps into the service response.
Mule with jdbc(my sql)
This document provides a 3-step process for connecting a Mule ESB flow to a MySQL database using JDBC: 1) Create a Mule project and flow, add a JDBC endpoint, and configure the query and data source; 2) Add the MySQL connector JAR file to the project's lib folder; 3) Run the Mule application to retrieve data from the database and display it in the console.
Ajax & ASP.NET 2
AJAX is a technique for building interactive web applications that uses asynchronous JavaScript and XML requests to update parts of a page without reloading the entire page. It aims to make web pages feel more responsive by exchanging small amounts of data with the server behind the scenes. Common uses of AJAX include Google Maps, Gmail, and Yahoo Mail. The ASP.NET AJAX framework and ASP.NET AJAX Control Toolkit provide tools for implementing AJAX functionality in ASP.NET applications.
Ajax control asp.net
This document provides an overview of AJAX controls in ASP.NET, including the ScriptManager control, UpdatePanel control, UpdateProgress control, and Timer control. The ScriptManager control is required for other AJAX controls to function and handles client-side scripting. The UpdatePanel control allows for partial page updates to refresh just a portion of the page. The UpdateProgress control provides visual feedback during asynchronous postbacks. The Timer control can be used to trigger asynchronous postbacks on a timed interval.
ASP.NET - Life cycle of asp
The document describes the life cycle of an ASP.NET application and page. The application life cycle involves initializing objects when a request is received. The page life cycle involves loading a requested page into memory, processing it through various stages like initialization, load, validation and rendering, before unloading it from memory. Key events that can be handled at each stage of the page life cycle are also outlined.
Simple todo app with meteor
Meteor is a full-stack JavaScript framework that allows developers to build web applications quickly using a single programming language. It includes a development environment to build the app, a database (MongoDB), and communication protocols (DDP) to connect the client and server. The document demonstrates a simple Todo app built with Meteor that allows users to create, update, and mark tasks as complete. Templates are used to display tasks and counts, while events and helpers interact with the Tasks collection in MongoDB to add, update, and filter data.
Presentation on asp.net controls
The document discusses various types of HTML and web server controls including data controls for displaying data in tables, validation controls for checking user input, login controls for authentication, and web parts controls for customizing web pages. Web server controls enable visual representation of data and allow users to perform CRUD operations on a data source from the browser. Validation controls compare user entries to constant values for both browser and server-side checking. Login controls provide a GUI for signing in and out as well as changing passwords. Web parts controls allow customization of web page content, appearance, and behavior directly from the browser.
Mule with facebook
This document discusses how to use the Facebook connector in Mule ESB to connect an application to Facebook. It covers configuring the Facebook connector with a Facebook app ID and secret key, creating Mule flows to authenticate with Facebook using OAuth2, retrieve a logged in user's details, and publish a message to their Facebook wall. The document provides XML examples and screenshots of the configuration.
Cejv659 week09 glassfish-s14
From my course on Web services at Concordia University's Continuing Education Computer Institute. This presentation shows how to configure GlassFish 4.0 with MySQL 5.6 for use in NetBeans 8.0.
What's hot (19)
Integrate MongoDB & SQL data with a single REST API
Integrate MongoDB & SQL data with a single REST API
Similar to Meteor + Ionic Introduction
Introduction To Code Igniter
Lecture on CodeIgniter, # OSS Essential Training Program at Chittagong University of Engineering Technology, February 2008, http://bdosdn.org/wsatcuet.php
Adding a view
The document describes how to add a view template in ASP.NET MVC to cleanly encapsulate generating HTML responses. It discusses creating a view template using Razor, passing data from a controller to a view using ViewBag, and using a layout template to apply shared HTML across multiple views. The controller action returns a ViewResult to use the view template, and data can be passed to the view to generate dynamic responses.
Angular - Chapter 4 - Data and Event Handling
The document provides information about Angular data binding and event handling. It discusses how interpolation can be used to connect data from a component class to its template. It also explains how property binding and event binding allow two-way communication between the component class and template. Finally, it introduces ngModel for setting up two-way data binding between an input element and a property.
Presentation Tier optimizations
The document discusses optimization of the presentation tier of web applications. It notes that the presentation tier is often overlooked despite being responsible for over 30% of client/server performance. Some key optimizations discussed include reducing HTTP requests, optimizing response objects by reducing size and load pattern, JavaScript minification and placement, image sprites, caching, and ensuring valid HTML markup.
Codeigniter
Presentation of codeigniter to understand the framework and easy to understand for beginners.Codeigniter is php framework easy to learn and useful for start into web devlopment.
Expedite the development lifecycle with MongoDB and serverless - DEM02 - Sant...
Join Ben Perlmutter, senior solutions architect, to learn about the modernization of application development using a modern database with serverless compute. Learn how to quickly build a blog website backed by MongoDB while utilizing a serverless backend-as-a-service. We then add features and functionality with lightning speed, showing you a toolset that is designed to increase your productivity as a developer and enable you to focus on building product-differentiating code.
Web technologies part-2
This document provides instructions for setting up the folder structure and initial HTML page for a web development project. It walks through creating folders for the project files and then adding the basic HTML structure and tags for the first page, including the <DOCTYPE>, <html>, <head>, <title>, and <body> elements. It also introduces adding CSS and JavaScript files by linking and scripting them into the <head> of the page. The goal is to set up the initial structure and files needed to begin building out the first web page.
Ibm
The document discusses setting up a development environment for Java web applications using frameworks like Struts, including installing Java, Tomcat, and Struts. It also provides an overview of developing a basic "Hello World" Struts application, including creating an action class and configuring it in the struts.xml file to return the view page. The document includes code samples for configuring filters in web.xml and implementing a basic action class and JSP view page.
ASP.NET MVC3 RAD
This document describes how to rapidly develop a web application using ASP.NET MVC 3 in Microsoft Visual Studio 2010. It outlines how to create a new project, add models, contexts, controllers with CRUD functionality, and use HTML helpers and dynamic templates to simplify development. MVC 3 enables full control over HTML while separating concerns, and allows both basic and complex applications to be built quickly through its RAD elements integrated into Visual Studio.
Introduction To CodeIgniter
This document provides an introduction and overview of CodeIgniter, an open source PHP web application framework. It outlines the prerequisites of OOP, PHP and MySQL. It then covers the installation of CodeIgniter including Apache, PHP and MySQL. The core components of CodeIgniter are explained - the MVC architecture with Controllers, Views and Models. CodeIgniter libraries, helpers and the application flow are also summarized. Lastly, some example lab work topics are listed such as database selection, CRUD operations and file uploads.
Practical OData
The outline of the presentation (presented at NDC 2011, Oslo, Norway):
- Short summary of OData evolution and current state
- Quick presentation of tools used to build and test OData services and clients (Visual Studio, LinqPad, Fiddler)
- Definition of canonical REST service, conformance of DataService-based implementation
- Updateable OData services
- Sharing single conceptual data model between databases from different vendors
- OData services without Entity Framework (NHibernate, custom data provider)
- Practical tips (logging, WCF binding, deployment)
Website designing company in faridabad
This document provides instructions for customizing Dreamweaver to produce XHTML compliant web pages and creating a basic web page. It describes how to set preferences in Dreamweaver to enable auto tag completion, format code as XHTML, and validate pages as XHTML 1.0 Transitional. Instructions are given for opening a new XHTML document and adding sample content and a title. The document aims to enable the creation of a simple but well-designed website using Dreamweaver and XHTML.
PPT
The document provides an overview of developing a 3-tier web application using MySQL, JavaServer Pages (JSP), and Apache Tomcat. It discusses the architecture of a 3-tier system with separate data, application, and presentation tiers. It also provides information on using MySQL for the database tier, JSP and servlets for the application tier, and HTML/JSP for the presentation tier. The document gives examples of using MySQL commands and JSP tags and objects.
Intro to polymer-Devfest Yaoundé 2013
Polymer is a library for building web components that aims to support modern browsers and minimize boilerplate code. It uses web platform APIs like Shadow DOM, HTML Imports, and Custom Elements to allow developers to define reusable custom elements with encapsulated styles and behaviors. Polymer provides features like automatic node finding, two-way data binding, change watchers, and declarative event handling to make building web components easier. Elements can also communicate with each other through properties, events, or calling public methods. The goal of Polymer is to embrace HTML and leverage the evolving web platform to build more maintainable and reusable components.
1 Web Page Foundations Overview This lab walk.docx
1
Web Page Foundations
Overview
This lab walks you through creating and deploying a simple web page. The web page you create in this
lab will have no functionality yet. It just contains many of the html elements you will see on most web
pages today. We will turn this web page into a working web application next week. A text editor will be
used to create the web page. You are welcome to use an html editor or Integrated Development
Environment (IDE) to help you generate the web pages if you like. Please be sure you have read the
“Creating Web Pages” competencies prior to completing this Lab. The online textbook has many html
code examples that will help you become comfortable with the most popular html tags.
Learning Outcomes:
At the completion of the lab you should be able to:
1. Create a web page comprised of formatted text, images, lists, tables, hyperlinks and forms.
2. Review and analyze Apache Web server logs notating http access, http methods and http error
codes
Lab Submission Requirements:
After completing this lab, you will submit a word (or PDF) document that meets all of the requirements in
the description at the end of this document. In addition several html and image files along with the
Apache2 access.log file will be submitted. You can submit all files in a zip file.
Virtual Machine Account Information
Your Virtual Machine has been preconfigured with all of the software you will need for this class. The
default username and password are:
Username : umucsdev
Password: umuc$d8v
Part 1 – Create a Web page
We will use the gedit text editor to create the web page. The web page will resemble a company home
page with an introduction, some formatted text, links to other web pages, images and a form designed
to gather customer information.
1. Assuming you have already launched and logged into your SDEV32Bit Virtual Machine (VM)
from the Oracle VirtualBox, click on the gedit icon found on the left side of the screen of your
VM.
2
2. After clicking the terminal icon a terminal will appear
Click to open text editor
3
3. To create a new document just begin typing or copying and pasting the html code from the
examples. We will create the web page in several steps adding a few paragraphs and sections at
time. Viewing the web page between each step will help minimize errors in the html code. To
add the first section of the html web page copy and paste the following html code into the gedit
editor:
<!DOCTYPE html>
<!-- CNShome.html -->
<!-- Jan 22, XXXX -->
<html>
<head>
<title>Computer Security Home Page </title>
</head>
<body>
<h1>Welcome to Computer Security Consultants! </h1>
<p>
</body>
</html>
Save the file in the /var/www/html/week2 folder in a file named CNShome.html. Note, you may need to
create a folder named week2. Recall the /var/www/html is the location of the Apache2 web server html
files. Creating ...
Creating lightweight JS Apps w/ Web Components and lit-html
What are Web Components and why should we use them, Pros and Cons. What is lit-html and how it helps us develop lightweight JavaScript Apps.
Python Code Camp for Professionals 1/4
This document provides instructions for building a Python web application using Bottle and Gevent. It discusses setting up an asynchronous server using Bottle and Gevent to make more efficient use of CPU resources. It then demonstrates how to create routes, handle inputs, return different content types like plaintext, JSON, and HTML templates, and display lists and highlight names in templates.
Lecture 2 HTML part 1.pptxLecture 10 CSS part 2.pptxvvvvvvvvvvvvvv
Lecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvv
Synopsis
This document provides a synopsis of a six-week industrial training project called "Visualizer" that involved building a system to represent real-time data from IoT devices graphically on a website. The project involved transmitting sensor data wirelessly to a database server, processing the data, and simultaneously updating a real-time line graph. Key aspects included installing necessary software, dividing the large project into subtasks, creating a MySQL database, transmitting and acquiring the data, fetching values from the database to plot the dynamic graph, and implementing a Model-View-Controller structure for the front-end and back-end development. The project has various applications including medical breath analyzers and devices for agriculture.
331592291-HTML-and-Cascading style sheet
The document provides an introduction to HTML, CSS, and basic web development lessons. It covers HTML tags including images, forms, hyperlinks, frames and tables. It also discusses CSS introduction, advantages, types of style sheets, selectors and key concepts. The document further explains concepts like the web browser, web server, HTTP, HTML, and URLs. It provides details on HTML tags, adding images, creating tables, using hyperlinks, frames, and forms. Form elements like input, select, textarea are also described.
Similar to Meteor + Ionic Introduction (20)
Expedite the development lifecycle with MongoDB and serverless - DEM02 - Sant...
Expedite the development lifecycle with MongoDB and serverless - DEM02 - Sant...
1 Web Page Foundations Overview This lab walk.docx
1 Web Page Foundations Overview This lab walk.docx
Creating lightweight JS Apps w/ Web Components and lit-html
Creating lightweight JS Apps w/ Web Components and lit-html
Lecture 2 HTML part 1.pptxLecture 10 CSS part 2.pptxvvvvvvvvvvvvvv
Lecture 2 HTML part 1.pptxLecture 10 CSS part 2.pptxvvvvvvvvvvvvvv
More from LearningTech
vim
The document discusses the basics of using the Vim text editor. It provides an overview of Vim's modes including normal mode commands like h, j, k, l for movement and dd for deleting lines. It also covers insert mode, command mode, and combining commands with quantities. Examples are given for deleting text ranges and repeating commands. The document recommends resources for learning more about Vim.
PostCss
PostCSS is a tool for transforming CSS with JS plugins. It allows you to write CSS and use future CSS syntax now through plugins like Autoprefixer (which adds vendor prefixes), CSSnext (which supports CSS variables and mixins), and PreCSS (which allows Sass-like syntax). Other PostCSS plugins include postcss-sorting (to sort CSS rules), postcss-sprites (to generate image spritesheets), and CSS Modules (to scope CSS to components).
ReactJs
This document is a tutorial on React js that covers getting started with React, creating components, composing components with properties, adding Markdown, and hooking up components to a data model. It includes sections on your first component, React developer tools, using component properties, adding Markdown, and connecting components to data through multiple steps. The tutorial aims to teach developers how to build React applications.
Docker
Docker is an open platform for developing, shipping, and running applications. It enables separating applications from infrastructure so software can be delivered quickly. Docker uses features of the Linux kernel like namespaces and cgroups to deliver functionality. Containers are more lightweight than virtual machines, using less disk space and starting faster, while still providing isolation. Docker uses images and repositories to package and distribute applications. The Dockerfile defines how to build images from a base image and run commands.
Semantic ui
Semantic UI is a front-end framework started in 2013 that helps create beautiful and responsive layouts using human-friendly HTML. It treats words and classes as exchangeable concepts, using syntax from natural languages for intuitive class names. Semantic UI includes tools for simplified debugging, intuitive JavaScript behaviors, and customizable themes through an installation process involving Node.js, Gulp, and included files. It has a folder structure for component types and supports custom themes, sitewide defaults, component defaults, and overrides.
node.js errors
The document discusses four categories of errors in Node.js - standard JavaScript errors, system errors from underlying OS constraints, user-specified errors from application code, and assertion errors from logic violations. It also covers how errors propagate and can be intercepted using try/catch blocks, callbacks, and EventEmitter events. Errors are handled asynchronously in Node.js and the Error class can be used to create new error objects.
Process control nodejs
The document discusses process control in Node.js using state machines, promises, and generators. It covers using EventEmitter to create a state machine that emits events. It explains how promises are used to handle asynchronous operations and avoid callback hell. Generators are used to pause and resume functions through the yield keyword.
Expression tree
Expression trees represent code in a tree-like data structure where each node is an expression. This enables dynamic modification of executable code, execution of LINQ queries in various databases, and creation of dynamic queries. Expression trees can be compiled into executable code using the Expression<TDelegate>.Compile() method.
flexbox report
CSS Flex Box Layout is a CSS3 web layout model that allows elements within a container to be automatically arranged and resized depending on screen size. It defines flex containers and flex items, with properties that control alignment, order, sizing, and distribution of space. Common flex properties include flex-direction, flex-wrap, justify-content, align-items, and properties for individual flex items like order, flex-grow, and align-self. Flexbox provides more flexible layout options compared to traditional CSS box model properties.
Node child process
The child_process module provides several methods for spawning child processes from Node.js applications including exec, execFile, spawn, and fork. exec spawns a shell and runs a command, passing stdout and stderr to a callback. execFile is similar but spawns directly without a shell. spawn spawns a process and returns a ChildProcess object for sending/receiving messages. fork spawns a new Node.js process and allows sending messages between parent and child.
20160415ken.lee
This document discusses ShowModalDialog for Chrome, which is a library that aims to provide modal dialog functionality for Chrome similar to IE's ShowModalDialog method. It covers Chrome and IE compatibility issues with modal dialogs and provides examples of using ShowModalDialog for Chrome, including customizing select options and accessing event handlers via jQuery. It also demonstrates using eval() to evaluate JavaScript expressions and executing code on document ready.
Peggy elasticsearch應用
The document discusses Elasticsearch concepts and operations including:
1. Field datatypes in Elasticsearch including simple, hierarchical, and specialized types.
2. Search operations using GET and POST, and query syntax including query_string, bool, date range, and nested queries.
3. Additional query parameters like size, from, sort, filter, and aggregations to customize search results.
4. The scan and scroll API for efficiently retrieving large result sets.
Expression tree
Expression trees represent code in a tree-like data structure where each node is an expression. This enables dynamic modification of executable code, execution of LINQ queries in various databases, and creation of dynamic queries. Expression trees can be compiled into executable code using the Expression<TDelegate>.Compile() method.
D3js learning tips
D3.js is a JavaScript library for manipulating documents based on data. It allows binding data to the DOM and applying data-driven transformations. The document discusses using D3.js to create force-directed graphs by binding data to SVG elements like paths, circles, and text. Key aspects covered include the D3 force layout to simulate physical forces on nodes, and SVG attributes to define paths, circles, text position and styling.
git command
This document provides information on various Git commands including git init, git config, git add, git reset, git commit, git log, git branch, git checkout, git merge, and others. It explains what each command does, such as git init creating an empty Git repository, git config setting user information, git add staging files, and git commit permanently storing file changes. It also covers basic branching and merging workflows.
More from LearningTech (20)
Recently uploaded
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
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.
Microsoft - Power Platform_G.Aspiotis.pdf
Revolutionizing Application Development
with AI-powered low-code, presentation by George Aspiotis, Sr. Partner Development Manager, Microsoft
Epistemic Interaction - tuning interfaces to provide information for AI support
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
DevOps and Testing slides at DASA Connect
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
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.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
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.
By Design, not by Accident - Agile Venture Bolzano 2024
As presented at the Agile Venture Bolzano, 4.06.2024
“I’m still / I’m still / Chaining from the Block”
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
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.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
20240607 QFM018 Elixir Reading List May 2024
Everything I found interesting about the Elixir programming ecosystem in May 2024
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.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
This paper presents Reef, a system for generating publicly verifiable succinct non-interactive zero-knowledge proofs that a committed document matches or does not match a regular expression. We describe applications such as proving the strength of passwords, the provenance of email despite redactions, the validity of oblivious DNS queries, and the existence of mutations in DNA. Reef supports the Perl Compatible Regular Expression syntax, including wildcards, alternation, ranges, capture groups, Kleene star, negations, and lookarounds. Reef introduces a new type of automata, Skipping Alternating Finite Automata (SAFA), that skips irrelevant parts of a document when producing proofs without undermining soundness, and instantiates SAFA with a lookup argument. Our experimental evaluation confirms that Reef can generate proofs for documents with 32M characters; the proofs are small and cheap to verify (under a second).
Paper: https://eprint.iacr.org/2023/1886
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications.
Recently uploaded (20)
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Meteor + Ionic Introduction
- 1. 2015.03.20 Kim Weekly Report Meteor + Ionic Introduction
- 2. Meteor Principles of Meteor Data on the Wire. Meteor doesn't send HTML over the network. The server sends data and lets the client render it. One Language. Meteor lets you write both the client and the server parts of your application in JavaScript. Database Everywhere. You can use the same methods to access your database from the client or the server. Latency Compensation. On the client, Meteor prefetches data and simulates models to make it look like server method calls return instantly. Full Stack Reactivity. In Meteor, realtime is the default. All layers, from database to template, update themselves automatically when necessary. Embrace the Ecosystem. Meteor is open source and integrates with existing open source tools and frameworks. Simplicity Equals Productivity. The best way to make something seem simple is to have it actually be simple. Meteor's main functionality has clean, classically beautiful APIs.
- 3. Meteor Install Meteor curl https://install.meteor.com/ | sh
- 4. Meteor Create App meteor create simple-todos simple-todos.js # a JavaScript file loaded on both client and server simple-todos.html # an HTML file that defines view templates simple-todos.css # a CSS file to define your app's styles .meteor # internal Meteor files Run App cd simple-todos meteor
- 5. Meteor Folder Name /home/kim147/meteor-webpat/both /home/kim147/meteor-webpat/client /home/kim147/meteor-webpat/server
- 6. Meteor Template : Create views that update automatically when data changes Templates are defined in .html files that can be located anywhere in your Meteor project folder except the server, public, and private directories.
- 7. Meteor <!-- add code to the <head> of the page --> <head> <title>My website!</title> </head> <!-- add code to the <body> of the page --> <body> <h1>Hello!</h1> {{> welcomePage}} </body> <!-- define a template called welcomePage --> <template name="welcomePage"> <p>Welcome to my website!</p> </template>
- 8. Meteor Template.myTemplate.helpers(helpers) Template.nametag.helpers({ name: "Ben Bitdiddle" }); <!-- In an HTML file, display the value of the helper --> <template name="nametag"> <p>My name is {{name}}.</p> </template>
- 9. Meteor Template.myTemplate.events(eventMap) <template name="example"> <button class="my-button">My button</button> </template> Template.example.events({ "click .my-button": function (event, template) { alert("My button was clicked!"); },
- 10. Meteoric Meteoric = Meteor + Ionic Ionic : http://ionicframework.com/ Meteoric: https://github.com/meteoric/meteor-ionic This is an attempt at real Ionic and Meteor integration. This is not just Ionic's CSS framework wrapped in a Meteor package. It aims to be a complete port of Ionic’s Angular directives to Meteor Blaze templates.
- 11. Meteoric Add package in Meteor iron:router fourseven:scss meteoric:ionic-sass meteoric:ionicons-sass meteoric:ionic @import '.meteor/local/build/programs/server/assets/packages/meteoric_ionic- sass/ionic'; @import '.meteor/local/build/programs/server/assets/packages/meteoric_ionicons- sass/ionicons';
- 12. Meteoric {{> ionIcon icon='ios-search'}} <i class="icon ion-ios-search"></i> <button class="button button-clear button-dark search" > {{> ionIcon icon='ios-search'}} <</button>
- 13. Meteoric Meteoric Icons Path : /.meteor/local/build/programs/server/assets/packages/meteoric_ionicons- sass/stylesheets/_ionicons-icons.scss .#{$ionicons-prefix}android-arrow-back .#{$ionicons-prefix}battery-empty .#{$ionicons-prefix}navicon
- 15. Meteoric Result